#ECB7FF - #CB5DE3 | 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 #ECB7FF to #CB5DE3

#ECB7FF #CB5DE3

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

#ECB7FF - #CB5DE3 | 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 #ECB7FF as 0% and #CB5DE3 as 100%.

0.0%	0.0% #ECB7FF	RGB 236 183 255	#ECB7FF
16.7%	16.7% #E6A8FA	RGB 230 168 250	#E6A8FA
33.3%	33.3% #E199F5	RGB 225 153 245	#E199F5
50.0%	50.0% #DB8AF1	RGB 219 138 241	#DB8AF1
66.7%	66.7% #D67BEC	RGB 214 123 236	#D67BEC
83.3%	83.3% #D06CE7	RGB 208 108 231	#D06CE7
100.0%	100.0% #CB5DE3	RGB 203 93 227	#CB5DE3

#ECB7FF #E6A8FA #E199F5 #DB8AF1 #D67BEC #D06CE7 #CB5DE3

#ECB7FF - #CB5DE3

HSV Blend

#ECB7FF - #CB5DE3 | 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 #ECB7FF as 0% and #CB5DE3 as 100%.

0.0%	0.0% #ECB7FF	RGB 236 183 255	#ECB7FF
16.7%	16.7% #E5A6FA	RGB 229 166 250	#E5A6FA
33.3%	33.3% #DF97F5	RGB 223 151 245	#DF97F5
50.0%	50.0% #D987F1	RGB 217 135 241	#D987F1
66.7%	66.7% #D479EC	RGB 212 121 236	#D479EC
83.3%	83.3% #CF6AE7	RGB 207 106 231	#CF6AE7
100.0%	100.0% #CB5DE3	RGB 203 93 227	#CB5DE3

#ECB7FF #E5A6FA #DF97F5 #D987F1 #D479EC #CF6AE7 #CB5DE3

#ECB7FF - #D987F1 - #CB5DE3

CSS codes

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

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