#CCC6DF - #8774C7 | 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 #CCC6DF to #8774C7

#CCC6DF #8774C7

Calculate the color between two colors, #CCC6DF and #8774C7. 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)

#CCC6DF - #8774C7 | 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 #CCC6DF as 0% and #8774C7 as 100%.

0.0%	0.0% #CCC6DF	RGB 204 198 223	#CCC6DF
16.7%	16.7% #C0B8DB	RGB 192 184 219	#C0B8DB
33.3%	33.3% #B5AAD7	RGB 181 170 215	#B5AAD7
50.0%	50.0% #A99DD3	RGB 169 157 211	#A99DD3
66.7%	66.7% #9E8FCF	RGB 158 143 207	#9E8FCF
83.3%	83.3% #9281CB	RGB 146 129 203	#9281CB
100.0%	100.0% #8774C7	RGB 135 116 199	#8774C7

#CCC6DF #C0B8DB #B5AAD7 #A99DD3 #9E8FCF #9281CB #8774C7

#CCC6DF - #8774C7

HSV Blend

#CCC6DF - #8774C7 | 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 #CCC6DF as 0% and #8774C7 as 100%.

0.0%	0.0% #CCC6DF	RGB 204 198 223	#CCC6DF
16.7%	16.7% #BFB7DB	RGB 191 183 219	#BFB7DB
33.3%	33.3% #B3A9D7	RGB 179 169 215	#B3A9D7
50.0%	50.0% #A89BD3	RGB 168 155 211	#A89BD3
66.7%	66.7% #9C8DCF	RGB 156 141 207	#9C8DCF
83.3%	83.3% #9180CB	RGB 145 128 203	#9180CB
100.0%	100.0% #8774C7	RGB 135 116 199	#8774C7

#CCC6DF #BFB7DB #B3A9D7 #A89BD3 #9C8DCF #9180CB #8774C7

#CCC6DF - #A89BD3 - #8774C7

CSS codes

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

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