#CE6161 - #CAB5E5 | 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 #CE6161 to #CAB5E5

#CE6161 #CAB5E5

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

#CE6161 - #CAB5E5 | 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 #CE6161 as 0% and #CAB5E5 as 100%.

0.0%	0.0% #CE6161	RGB 206 97 97	#CE6161
16.7%	16.7% #CD6F77	RGB 205 111 119	#CD6F77
33.3%	33.3% #CC7D8D	RGB 204 125 141	#CC7D8D
50.0%	50.0% #CC8BA3	RGB 204 139 163	#CC8BA3
66.7%	66.7% #CB99B9	RGB 203 153 185	#CB99B9
83.3%	83.3% #CAA7CF	RGB 202 167 207	#CAA7CF
100.0%	100.0% #CAB5E5	RGB 202 181 229	#CAB5E5

#CE6161 #CD6F77 #CC7D8D #CC8BA3 #CB99B9 #CAA7CF #CAB5E5

#CE6161 - #CAB5E5

HSV Blend

#CE6161 - #CAB5E5 | 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 #CE6161 as 0% and #CAB5E5 as 100%.

0.0%	0.0% #CE6161	RGB 206 97 97	#CE6161
16.7%	16.7% #D16D87	RGB 209 109 135	#D16D87
33.3%	33.3% #D57BAA	RGB 213 123 170	#D57BAA
50.0%	50.0% #D989C7	RGB 217 137 199	#D989C7
66.7%	66.7% #DA97DD	RGB 218 151 221	#DA97DD
83.3%	83.3% #CFA5E1	RGB 207 165 225	#CFA5E1
100.0%	100.0% #CAB5E5	RGB 202 181 229	#CAB5E5

#CE6161 #D16D87 #D57BAA #D989C7 #DA97DD #CFA5E1 #CAB5E5

#CE6161 - #D989C7 - #CAB5E5

CSS codes

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

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