#CEC8C5 - #B08473 | 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 #CEC8C5 to #B08473

#CEC8C5 #B08473

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

#CEC8C5 - #B08473 | 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 #CEC8C5 as 0% and #B08473 as 100%.

0.0%	0.0% #CEC8C5	RGB 206 200 197	#CEC8C5
16.7%	16.7% #C9BCB7	RGB 201 188 183	#C9BCB7
33.3%	33.3% #C4B1A9	RGB 196 177 169	#C4B1A9
50.0%	50.0% #BFA69C	RGB 191 166 156	#BFA69C
66.7%	66.7% #BA9A8E	RGB 186 154 142	#BA9A8E
83.3%	83.3% #B58F80	RGB 181 143 128	#B58F80
100.0%	100.0% #B08473	RGB 176 132 115	#B08473

#CEC8C5 #C9BCB7 #C4B1A9 #BFA69C #BA9A8E #B58F80 #B08473

#CEC8C5 - #B08473

HSV Blend

#CEC8C5 - #B08473 | 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 #CEC8C5 as 0% and #B08473 as 100%.

0.0%	0.0% #CEC8C5	RGB 206 200 197	#CEC8C5
16.7%	16.7% #C9BCB6	RGB 201 188 182	#C9BCB6
33.3%	33.3% #C4B0A7	RGB 196 176 167	#C4B0A7
50.0%	50.0% #BFA599	RGB 191 165 153	#BFA599
66.7%	66.7% #BA998C	RGB 186 153 140	#BA998C
83.3%	83.3% #B58E7F	RGB 181 142 127	#B58E7F
100.0%	100.0% #B08473	RGB 176 132 115	#B08473

#CEC8C5 #C9BCB6 #C4B0A7 #BFA599 #BA998C #B58E7F #B08473

#CEC8C5 - #BFA599 - #B08473

CSS codes

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

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