#CDA2FF - #5F28CE | 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 #CDA2FF to #5F28CE

#CDA2FF #5F28CE

Calculate the color between two colors, #CDA2FF and #5F28CE. 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)

#CDA2FF - #5F28CE | 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 #CDA2FF as 0% and #5F28CE as 100%.

0.0%	0.0% #CDA2FF	RGB 205 162 255	#CDA2FF
16.7%	16.7% #BA8DF6	RGB 186 141 246	#BA8DF6
33.3%	33.3% #A879EE	RGB 168 121 238	#A879EE
50.0%	50.0% #9665E6	RGB 150 101 230	#9665E6
66.7%	66.7% #8350DE	RGB 131 80 222	#8350DE
83.3%	83.3% #713CD6	RGB 113 60 214	#713CD6
100.0%	100.0% #5F28CE	RGB 95 40 206	#5F28CE

#CDA2FF #BA8DF6 #A879EE #9665E6 #8350DE #713CD6 #5F28CE

#CDA2FF - #5F28CE

HSV Blend

#CDA2FF - #5F28CE | 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 #CDA2FF as 0% and #5F28CE as 100%.

0.0%	0.0% #CDA2FF	RGB 205 162 255	#CDA2FF
16.7%	16.7% #BA8AF6	RGB 186 138 246	#BA8AF6
33.3%	33.3% #A774EE	RGB 167 116 238	#A774EE
50.0%	50.0% #955FE6	RGB 149 95 230	#955FE6
66.7%	66.7% #824BDE	RGB 130 75 222	#824BDE
83.3%	83.3% #7039D6	RGB 112 57 214	#7039D6
100.0%	100.0% #5F28CE	RGB 95 40 206	#5F28CE

#CDA2FF #BA8AF6 #A774EE #955FE6 #824BDE #7039D6 #5F28CE

#CDA2FF - #955FE6 - #5F28CE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CDA2FF 0%, #955FE6 50%, #5F28CE 100%);
    background: -webkit-linear-gradient(top, #CDA2FF 0%, #955FE6 50%, #5F28CE 100%);
    background: linear-gradient(to bottom, #CDA2FF 0%, #955FE6 50%, #5F28CE 100%);
}
</style>