#CEC9D4 - #837391 | 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 #CEC9D4 to #837391

#CEC9D4 #837391

Calculate the color between two colors, #CEC9D4 and #837391. 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)

#CEC9D4 - #837391 | 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 #CEC9D4 as 0% and #837391 as 100%.

0.0%	0.0% #CEC9D4	RGB 206 201 212	#CEC9D4
16.7%	16.7% #C1BAC8	RGB 193 186 200	#C1BAC8
33.3%	33.3% #B5ACBD	RGB 181 172 189	#B5ACBD
50.0%	50.0% #A89EB2	RGB 168 158 178	#A89EB2
66.7%	66.7% #9C8FA7	RGB 156 143 167	#9C8FA7
83.3%	83.3% #8F819C	RGB 143 129 156	#8F819C
100.0%	100.0% #837391	RGB 131 115 145	#837391

#CEC9D4 #C1BAC8 #B5ACBD #A89EB2 #9C8FA7 #8F819C #837391

#CEC9D4 - #837391

HSV Blend

#CEC9D4 - #837391 | 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 #CEC9D4 as 0% and #837391 as 100%.

0.0%	0.0% #CEC9D4	RGB 206 201 212	#CEC9D4
16.7%	16.7% #C0B9C8	RGB 192 185 200	#C0B9C8
33.3%	33.3% #B3AABD	RGB 179 170 189	#B3AABD
50.0%	50.0% #A69BB2	RGB 166 155 178	#A69BB2
66.7%	66.7% #9A8DA7	RGB 154 141 167	#9A8DA7
83.3%	83.3% #8E7F9C	RGB 142 127 156	#8E7F9C
100.0%	100.0% #837391	RGB 131 115 145	#837391

#CEC9D4 #C0B9C8 #B3AABD #A69BB2 #9A8DA7 #8E7F9C #837391

#CEC9D4 - #A69BB2 - #837391

CSS codes

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

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