#CCC0EE - #815CB5 | 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 #CCC0EE to #815CB5

#CCC0EE #815CB5

Calculate the color between two colors, #CCC0EE and #815CB5. 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)

#CCC0EE - #815CB5 | 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 #CCC0EE as 0% and #815CB5 as 100%.

0.0%	0.0% #CCC0EE	RGB 204 192 238	#CCC0EE
16.7%	16.7% #BFAFE4	RGB 191 175 228	#BFAFE4
33.3%	33.3% #B39EDB	RGB 179 158 219	#B39EDB
50.0%	50.0% #A68ED1	RGB 166 142 209	#A68ED1
66.7%	66.7% #9A7DC8	RGB 154 125 200	#9A7DC8
83.3%	83.3% #8D6CBE	RGB 141 108 190	#8D6CBE
100.0%	100.0% #815CB5	RGB 129 92 181	#815CB5

#CCC0EE #BFAFE4 #B39EDB #A68ED1 #9A7DC8 #8D6CBE #815CB5

#CCC0EE - #815CB5

HSV Blend

#CCC0EE - #815CB5 | 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 #CCC0EE as 0% and #815CB5 as 100%.

0.0%	0.0% #CCC0EE	RGB 204 192 238	#CCC0EE
16.7%	16.7% #BCACE4	RGB 188 172 228	#BCACE4
33.3%	33.3% #AE9ADB	RGB 174 154 219	#AE9ADB
50.0%	50.0% #A289D1	RGB 162 137 209	#A289D1
66.7%	66.7% #9679C8	RGB 150 121 200	#9679C8
83.3%	83.3% #8B6ABE	RGB 139 106 190	#8B6ABE
100.0%	100.0% #815CB5	RGB 129 92 181	#815CB5

#CCC0EE #BCACE4 #AE9ADB #A289D1 #9679C8 #8B6ABE #815CB5

#CCC0EE - #A289D1 - #815CB5

CSS codes

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

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