#C6885C - #EEDDD0 | 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 #C6885C to #EEDDD0

#C6885C #EEDDD0

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

#C6885C - #EEDDD0 | 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 #C6885C as 0% and #EEDDD0 as 100%.

0.0%	0.0% #C6885C	RGB 198 136 92	#C6885C
16.7%	16.7% #CC966F	RGB 204 150 111	#CC966F
33.3%	33.3% #D3A482	RGB 211 164 130	#D3A482
50.0%	50.0% #DAB296	RGB 218 178 150	#DAB296
66.7%	66.7% #E0C0A9	RGB 224 192 169	#E0C0A9
83.3%	83.3% #E7CEBC	RGB 231 206 188	#E7CEBC
100.0%	100.0% #EEDDD0	RGB 238 221 208	#EEDDD0

#C6885C #CC966F #D3A482 #DAB296 #E0C0A9 #E7CEBC #EEDDD0

#C6885C - #EEDDD0

HSV Blend

#C6885C - #EEDDD0 | 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 #C6885C as 0% and #EEDDD0 as 100%.

0.0%	0.0% #C6885C	RGB 198 136 92	#C6885C
16.7%	16.7% #CC956D	RGB 204 149 109	#CC956D
33.3%	33.3% #D3A27F	RGB 211 162 127	#D3A27F
50.0%	50.0% #DAB091	RGB 218 176 145	#DAB091
66.7%	66.7% #E0BEA5	RGB 224 190 165	#E0BEA5
83.3%	83.3% #E7CDBA	RGB 231 205 186	#E7CDBA
100.0%	100.0% #EEDDD0	RGB 238 221 208	#EEDDD0

#C6885C #CC956D #D3A27F #DAB091 #E0BEA5 #E7CDBA #EEDDD0

#C6885C - #DAB091 - #EEDDD0

CSS codes

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

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