#CFCED8 - #8C7496 | 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 #CFCED8 to #8C7496

#CFCED8 #8C7496

Calculate the color between two colors, #CFCED8 and #8C7496. 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)

#CFCED8 - #8C7496 | 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 #CFCED8 as 0% and #8C7496 as 100%.

0.0%	0.0% #CFCED8	RGB 207 206 216	#CFCED8
16.7%	16.7% #C3BFCD	RGB 195 191 205	#C3BFCD
33.3%	33.3% #B8B0C2	RGB 184 176 194	#B8B0C2
50.0%	50.0% #ADA1B7	RGB 173 161 183	#ADA1B7
66.7%	66.7% #A292AC	RGB 162 146 172	#A292AC
83.3%	83.3% #9783A1	RGB 151 131 161	#9783A1
100.0%	100.0% #8C7496	RGB 140 116 150	#8C7496

#CFCED8 #C3BFCD #B8B0C2 #ADA1B7 #A292AC #9783A1 #8C7496

#CFCED8 - #8C7496

HSV Blend

#CFCED8 - #8C7496 | 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 #CFCED8 as 0% and #8C7496 as 100%.

0.0%	0.0% #CFCED8	RGB 207 206 216	#CFCED8
16.7%	16.7% #C0BDCD	RGB 192 189 205	#C0BDCD
33.3%	33.3% #B3ADC2	RGB 179 173 194	#B3ADC2
50.0%	50.0% #A89EB7	RGB 168 158 183	#A89EB7
66.7%	66.7% #9D8FAC	RGB 157 143 172	#9D8FAC
83.3%	83.3% #9481A1	RGB 148 129 161	#9481A1
100.0%	100.0% #8C7496	RGB 140 116 150	#8C7496

#CFCED8 #C0BDCD #B3ADC2 #A89EB7 #9D8FAC #9481A1 #8C7496

#CFCED8 - #A89EB7 - #8C7496

CSS codes

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

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