#CD8C5C - #F0DCD0 | 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 #CD8C5C to #F0DCD0

#CD8C5C #F0DCD0

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

#CD8C5C - #F0DCD0 | 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 #CD8C5C as 0% and #F0DCD0 as 100%.

0.0%	0.0% #CD8C5C	RGB 205 140 92	#CD8C5C
16.7%	16.7% #D2996F	RGB 210 153 111	#D2996F
33.3%	33.3% #D8A682	RGB 216 166 130	#D8A682
50.0%	50.0% #DEB496	RGB 222 180 150	#DEB496
66.7%	66.7% #E4C1A9	RGB 228 193 169	#E4C1A9
83.3%	83.3% #EACEBC	RGB 234 206 188	#EACEBC
100.0%	100.0% #F0DCD0	RGB 240 220 208	#F0DCD0

#CD8C5C #D2996F #D8A682 #DEB496 #E4C1A9 #EACEBC #F0DCD0

#CD8C5C - #F0DCD0

HSV Blend

#CD8C5C - #F0DCD0 | 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 #CD8C5C as 0% and #F0DCD0 as 100%.

0.0%	0.0% #CD8C5C	RGB 205 140 92	#CD8C5C
16.7%	16.7% #D2976D	RGB 210 151 109	#D2976D
33.3%	33.3% #D8A37F	RGB 216 163 127	#D8A37F
50.0%	50.0% #DEB092	RGB 222 176 146	#DEB092
66.7%	66.7% #E4BEA6	RGB 228 190 166	#E4BEA6
83.3%	83.3% #EACCBA	RGB 234 204 186	#EACCBA
100.0%	100.0% #F0DCD0	RGB 240 220 208	#F0DCD0

#CD8C5C #D2976D #D8A37F #DEB092 #E4BEA6 #EACCBA #F0DCD0

#CD8C5C - #DEB092 - #F0DCD0

CSS codes

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

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