#CEC8CF - #836F8F | 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 #CEC8CF to #836F8F

#CEC8CF #836F8F

Calculate the color between two colors, #CEC8CF and #836F8F. 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)

#CEC8CF - #836F8F | 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 #CEC8CF as 0% and #836F8F as 100%.

0.0%	0.0% #CEC8CF	RGB 206 200 207	#CEC8CF
16.7%	16.7% #C1B9C4	RGB 193 185 196	#C1B9C4
33.3%	33.3% #B5AAB9	RGB 181 170 185	#B5AAB9
50.0%	50.0% #A89BAF	RGB 168 155 175	#A89BAF
66.7%	66.7% #9C8CA4	RGB 156 140 164	#9C8CA4
83.3%	83.3% #8F7D99	RGB 143 125 153	#8F7D99
100.0%	100.0% #836F8F	RGB 131 111 143	#836F8F

#CEC8CF #C1B9C4 #B5AAB9 #A89BAF #9C8CA4 #8F7D99 #836F8F

#CEC8CF - #836F8F

HSV Blend

#CEC8CF - #836F8F | 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 #CEC8CF as 0% and #836F8F as 100%.

0.0%	0.0% #CEC8CF	RGB 206 200 207	#CEC8CF
16.7%	16.7% #C1B7C4	RGB 193 183 196	#C1B7C4
33.3%	33.3% #B5A7B9	RGB 181 167 185	#B5A7B9
50.0%	50.0% #A998AF	RGB 169 152 175	#A998AF
66.7%	66.7% #9C89A4	RGB 156 137 164	#9C89A4
83.3%	83.3% #8F7C99	RGB 143 124 153	#8F7C99
100.0%	100.0% #836F8F	RGB 131 111 143	#836F8F

#CEC8CF #C1B7C4 #B5A7B9 #A998AF #9C89A4 #8F7C99 #836F8F

#CEC8CF - #A998AF - #836F8F

CSS codes

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

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