#CEC4D7 - #816B95 | 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 #CEC4D7 to #816B95

#CEC4D7 #816B95

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

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

0.0%	0.0% #CEC4D7	RGB 206 196 215	#CEC4D7
16.7%	16.7% #C1B5CC	RGB 193 181 204	#C1B5CC
33.3%	33.3% #B4A6C1	RGB 180 166 193	#B4A6C1
50.0%	50.0% #A797B6	RGB 167 151 182	#A797B6
66.7%	66.7% #9A88AB	RGB 154 136 171	#9A88AB
83.3%	83.3% #8D79A0	RGB 141 121 160	#8D79A0
100.0%	100.0% #816B95	RGB 129 107 149	#816B95

#CEC4D7 #C1B5CC #B4A6C1 #A797B6 #9A88AB #8D79A0 #816B95

#CEC4D7 - #816B95

HSV Blend

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

0.0%	0.0% #CEC4D7	RGB 206 196 215	#CEC4D7
16.7%	16.7% #C0B3CC	RGB 192 179 204	#C0B3CC
33.3%	33.3% #B2A3C1	RGB 178 163 193	#B2A3C1
50.0%	50.0% #A594B6	RGB 165 148 182	#A594B6
66.7%	66.7% #9985AB	RGB 153 133 171	#9985AB
83.3%	83.3% #8C78A0	RGB 140 120 160	#8C78A0
100.0%	100.0% #816B95	RGB 129 107 149	#816B95

#CEC4D7 #C0B3CC #B2A3C1 #A594B6 #9985AB #8C78A0 #816B95

#CEC4D7 - #A594B6 - #816B95

CSS codes

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

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