#C65BDF - #5D009B | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #C65BDF to #5D009B

#C65BDF #5D009B

Calculate the color between two colors, #C65BDF and #5D009B. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#C65BDF - #5D009B | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #C65BDF as 0% and #5D009B as 100%.

0.0%	0.0% #C65BDF	RGB 198 91 223	#C65BDF
16.7%	16.7% #B44BD3	RGB 180 75 211	#B44BD3
33.3%	33.3% #A33CC8	RGB 163 60 200	#A33CC8
50.0%	50.0% #912DBD	RGB 145 45 189	#912DBD
66.7%	66.7% #801EB1	RGB 128 30 177	#801EB1
83.3%	83.3% #6E0FA6	RGB 110 15 166	#6E0FA6
100.0%	100.0% #5D009B	RGB 93 0 155	#5D009B

#C65BDF #B44BD3 #A33CC8 #912DBD #801EB1 #6E0FA6 #5D009B

#C65BDF - #5D009B

HSV Blend

#C65BDF - #5D009B | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #C65BDF as 0% and #5D009B as 100%.

0.0%	0.0% #C65BDF	RGB 198 91 223	#C65BDF
16.7%	16.7% #B447D3	RGB 180 71 211	#B447D3
33.3%	33.3% #A236C8	RGB 162 54 200	#A236C8
50.0%	50.0% #9026BD	RGB 144 38 189	#9026BD
66.7%	66.7% #7F18B1	RGB 127 24 177	#7F18B1
83.3%	83.3% #6D0BA6	RGB 109 11 166	#6D0BA6
100.0%	100.0% #5D009B	RGB 93 0 155	#5D009B

#C65BDF #B447D3 #A236C8 #9026BD #7F18B1 #6D0BA6 #5D009B

#C65BDF - #9026BD - #5D009B

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #C65BDF 0%, #5D009B 100%);
    background: -webkit-linear-gradient(top, #C65BDF 0%, #5D009B 100%);
    background: linear-gradient(to bottom, #C65BDF 0%, #5D009B 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C65BDF 0%, #9026BD 50%, #5D009B 100%);
    background: -webkit-linear-gradient(top, #C65BDF 0%, #9026BD 50%, #5D009B 100%);
    background: linear-gradient(to bottom, #C65BDF 0%, #9026BD 50%, #5D009B 100%);
}
</style>