#CA6BCC - #EB8DFF | 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 #CA6BCC to #EB8DFF

#CA6BCC #EB8DFF

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

#CA6BCC - #EB8DFF | 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 #CA6BCC as 0% and #EB8DFF as 100%.

0.0%	0.0% #CA6BCC	RGB 202 107 204	#CA6BCC
16.7%	16.7% #CF70D4	RGB 207 112 212	#CF70D4
33.3%	33.3% #D576DD	RGB 213 118 221	#D576DD
50.0%	50.0% #DA7CE5	RGB 218 124 229	#DA7CE5
66.7%	66.7% #E081EE	RGB 224 129 238	#E081EE
83.3%	83.3% #E587F6	RGB 229 135 246	#E587F6
100.0%	100.0% #EB8DFF	RGB 235 141 255	#EB8DFF

#CA6BCC #CF70D4 #D576DD #DA7CE5 #E081EE #E587F6 #EB8DFF

#CA6BCC - #EB8DFF

HSV Blend

#CA6BCC - #EB8DFF | 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 #CA6BCC as 0% and #EB8DFF as 100%.

0.0%	0.0% #CA6BCC	RGB 202 107 204	#CA6BCC
16.7%	16.7% #CF70D4	RGB 207 112 212	#CF70D4
33.3%	33.3% #D576DD	RGB 213 118 221	#D576DD
50.0%	50.0% #DB7BE5	RGB 219 123 229	#DB7BE5
66.7%	66.7% #E081EE	RGB 224 129 238	#E081EE
83.3%	83.3% #E587F6	RGB 229 135 246	#E587F6
100.0%	100.0% #EB8DFF	RGB 235 141 255	#EB8DFF

#CA6BCC #CF70D4 #D576DD #DB7BE5 #E081EE #E587F6 #EB8DFF

#CA6BCC - #DB7BE5 - #EB8DFF

CSS codes

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

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