#CEC6D5 - #816F92 | 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 #CEC6D5 to #816F92

#CEC6D5 #816F92

Calculate the color between two colors, #CEC6D5 and #816F92. 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)

#CEC6D5 - #816F92 | 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 #CEC6D5 as 0% and #816F92 as 100%.

0.0%	0.0% #CEC6D5	RGB 206 198 213	#CEC6D5
16.7%	16.7% #C1B7C9	RGB 193 183 201	#C1B7C9
33.3%	33.3% #B4A9BE	RGB 180 169 190	#B4A9BE
50.0%	50.0% #A79AB3	RGB 167 154 179	#A79AB3
66.7%	66.7% #9A8CA8	RGB 154 140 168	#9A8CA8
83.3%	83.3% #8D7D9D	RGB 141 125 157	#8D7D9D
100.0%	100.0% #816F92	RGB 129 111 146	#816F92

#CEC6D5 #C1B7C9 #B4A9BE #A79AB3 #9A8CA8 #8D7D9D #816F92

#CEC6D5 - #816F92

HSV Blend

#CEC6D5 - #816F92 | 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 #CEC6D5 as 0% and #816F92 as 100%.

0.0%	0.0% #CEC6D5	RGB 206 198 213	#CEC6D5
16.7%	16.7% #C0B5C9	RGB 192 181 201	#C0B5C9
33.3%	33.3% #B3A6BE	RGB 179 166 190	#B3A6BE
50.0%	50.0% #A697B3	RGB 166 151 179	#A697B3
66.7%	66.7% #9989A8	RGB 153 137 168	#9989A8
83.3%	83.3% #8D7B9D	RGB 141 123 157	#8D7B9D
100.0%	100.0% #816F92	RGB 129 111 146	#816F92

#CEC6D5 #C0B5C9 #B3A6BE #A697B3 #9989A8 #8D7B9D #816F92

#CEC6D5 - #A697B3 - #816F92

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CEC6D5 0%, #A697B3 50%, #816F92 100%);
    background: -webkit-linear-gradient(top, #CEC6D5 0%, #A697B3 50%, #816F92 100%);
    background: linear-gradient(to bottom, #CEC6D5 0%, #A697B3 50%, #816F92 100%);
}
</style>