#CCC0EC - #815CB2 | 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 #CCC0EC to #815CB2

#CCC0EC #815CB2

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

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

0.0%	0.0% #CCC0EC	RGB 204 192 236	#CCC0EC
16.7%	16.7% #BFAFE2	RGB 191 175 226	#BFAFE2
33.3%	33.3% #B39ED8	RGB 179 158 216	#B39ED8
50.0%	50.0% #A68ECF	RGB 166 142 207	#A68ECF
66.7%	66.7% #9A7DC5	RGB 154 125 197	#9A7DC5
83.3%	83.3% #8D6CBB	RGB 141 108 187	#8D6CBB
100.0%	100.0% #815CB2	RGB 129 92 178	#815CB2

#CCC0EC #BFAFE2 #B39ED8 #A68ECF #9A7DC5 #8D6CBB #815CB2

#CCC0EC - #815CB2

HSV Blend

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

0.0%	0.0% #CCC0EC	RGB 204 192 236	#CCC0EC
16.7%	16.7% #BCACE2	RGB 188 172 226	#BCACE2
33.3%	33.3% #AE9AD8	RGB 174 154 216	#AE9AD8
50.0%	50.0% #A289CF	RGB 162 137 207	#A289CF
66.7%	66.7% #9679C5	RGB 150 121 197	#9679C5
83.3%	83.3% #8B6ABB	RGB 139 106 187	#8B6ABB
100.0%	100.0% #815CB2	RGB 129 92 178	#815CB2

#CCC0EC #BCACE2 #AE9AD8 #A289CF #9679C5 #8B6ABB #815CB2

#CCC0EC - #A289CF - #815CB2

CSS codes

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

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