#CCC9E2 - #866BA4 | 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 #CCC9E2 to #866BA4

#CCC9E2 #866BA4

Calculate the color between two colors, #CCC9E2 and #866BA4. 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)

#CCC9E2 - #866BA4 | 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 #CCC9E2 as 0% and #866BA4 as 100%.

0.0%	0.0% #CCC9E2	RGB 204 201 226	#CCC9E2
16.7%	16.7% #C0B9D7	RGB 192 185 215	#C0B9D7
33.3%	33.3% #B4A9CD	RGB 180 169 205	#B4A9CD
50.0%	50.0% #A99AC3	RGB 169 154 195	#A99AC3
66.7%	66.7% #9D8AB8	RGB 157 138 184	#9D8AB8
83.3%	83.3% #917AAE	RGB 145 122 174	#917AAE
100.0%	100.0% #866BA4	RGB 134 107 164	#866BA4

#CCC9E2 #C0B9D7 #B4A9CD #A99AC3 #9D8AB8 #917AAE #866BA4

#CCC9E2 - #866BA4

HSV Blend

#CCC9E2 - #866BA4 | 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 #CCC9E2 as 0% and #866BA4 as 100%.

0.0%	0.0% #CCC9E2	RGB 204 201 226	#CCC9E2
16.7%	16.7% #BDB7D7	RGB 189 183 215	#BDB7D7
33.3%	33.3% #AFA6CD	RGB 175 166 205	#AFA6CD
50.0%	50.0% #A396C3	RGB 163 150 195	#A396C3
66.7%	66.7% #9887B8	RGB 152 135 184	#9887B8
83.3%	83.3% #8E78AE	RGB 142 120 174	#8E78AE
100.0%	100.0% #866BA4	RGB 134 107 164	#866BA4

#CCC9E2 #BDB7D7 #AFA6CD #A396C3 #9887B8 #8E78AE #866BA4

#CCC9E2 - #A396C3 - #866BA4

CSS codes

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

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