#CEC8D9 - #856E98 | 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 #CEC8D9 to #856E98

#CEC8D9 #856E98

Calculate the color between two colors, #CEC8D9 and #856E98. 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)

#CEC8D9 - #856E98 | 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 #CEC8D9 as 0% and #856E98 as 100%.

0.0%	0.0% #CEC8D9	RGB 206 200 217	#CEC8D9
16.7%	16.7% #C1B9CE	RGB 193 185 206	#C1B9CE
33.3%	33.3% #B5AAC3	RGB 181 170 195	#B5AAC3
50.0%	50.0% #A99BB8	RGB 169 155 184	#A99BB8
66.7%	66.7% #9D8CAD	RGB 157 140 173	#9D8CAD
83.3%	83.3% #917DA2	RGB 145 125 162	#917DA2
100.0%	100.0% #856E98	RGB 133 110 152	#856E98

#CEC8D9 #C1B9CE #B5AAC3 #A99BB8 #9D8CAD #917DA2 #856E98

#CEC8D9 - #856E98

HSV Blend

#CEC8D9 - #856E98 | 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 #CEC8D9 as 0% and #856E98 as 100%.

0.0%	0.0% #CEC8D9	RGB 206 200 217	#CEC8D9
16.7%	16.7% #C0B7CE	RGB 192 183 206	#C0B7CE
33.3%	33.3% #B2A7C3	RGB 178 167 195	#B2A7C3
50.0%	50.0% #A697B8	RGB 166 151 184	#A697B8
66.7%	66.7% #9A89AD	RGB 154 137 173	#9A89AD
83.3%	83.3% #8F7BA2	RGB 143 123 162	#8F7BA2
100.0%	100.0% #856E98	RGB 133 110 152	#856E98

#CEC8D9 #C0B7CE #B2A7C3 #A697B8 #9A89AD #8F7BA2 #856E98

#CEC8D9 - #A697B8 - #856E98

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CEC8D9 0%, #A697B8 50%, #856E98 100%);
    background: -webkit-linear-gradient(top, #CEC8D9 0%, #A697B8 50%, #856E98 100%);
    background: linear-gradient(to bottom, #CEC8D9 0%, #A697B8 50%, #856E98 100%);
}
</style>