#EDB6FF - #CD5CE3 | 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 #EDB6FF to #CD5CE3

#EDB6FF #CD5CE3

Calculate the color between two colors, #EDB6FF and #CD5CE3. 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)

#EDB6FF - #CD5CE3 | 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 #EDB6FF as 0% and #CD5CE3 as 100%.

0.0%	0.0% #EDB6FF	RGB 237 182 255	#EDB6FF
16.7%	16.7% #E7A7FA	RGB 231 167 250	#E7A7FA
33.3%	33.3% #E298F5	RGB 226 152 245	#E298F5
50.0%	50.0% #DD89F1	RGB 221 137 241	#DD89F1
66.7%	66.7% #D77AEC	RGB 215 122 236	#D77AEC
83.3%	83.3% #D26BE7	RGB 210 107 231	#D26BE7
100.0%	100.0% #CD5CE3	RGB 205 92 227	#CD5CE3

#EDB6FF #E7A7FA #E298F5 #DD89F1 #D77AEC #D26BE7 #CD5CE3

#EDB6FF - #CD5CE3

HSV Blend

#EDB6FF - #CD5CE3 | 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 #EDB6FF as 0% and #CD5CE3 as 100%.

0.0%	0.0% #EDB6FF	RGB 237 182 255	#EDB6FF
16.7%	16.7% #E6A5FA	RGB 230 165 250	#E6A5FA
33.3%	33.3% #E096F5	RGB 224 150 245	#E096F5
50.0%	50.0% #DB86F1	RGB 219 134 241	#DB86F1
66.7%	66.7% #D678EC	RGB 214 120 236	#D678EC
83.3%	83.3% #D169E7	RGB 209 105 231	#D169E7
100.0%	100.0% #CD5CE3	RGB 205 92 227	#CD5CE3

#EDB6FF #E6A5FA #E096F5 #DB86F1 #D678EC #D169E7 #CD5CE3

#EDB6FF - #DB86F1 - #CD5CE3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #EDB6FF 0%, #DB86F1 50%, #CD5CE3 100%);
    background: -webkit-linear-gradient(top, #EDB6FF 0%, #DB86F1 50%, #CD5CE3 100%);
    background: linear-gradient(to bottom, #EDB6FF 0%, #DB86F1 50%, #CD5CE3 100%);
}
</style>