#C08B7B - #EDDDD9 | 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 #C08B7B to #EDDDD9

#C08B7B #EDDDD9

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

#C08B7B - #EDDDD9 | 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 #C08B7B as 0% and #EDDDD9 as 100%.

0.0%	0.0% #C08B7B	RGB 192 139 123	#C08B7B
16.7%	16.7% #C7988A	RGB 199 152 138	#C7988A
33.3%	33.3% #CFA69A	RGB 207 166 154	#CFA69A
50.0%	50.0% #D6B4AA	RGB 214 180 170	#D6B4AA
66.7%	66.7% #DEC1B9	RGB 222 193 185	#DEC1B9
83.3%	83.3% #E5CFC9	RGB 229 207 201	#E5CFC9
100.0%	100.0% #EDDDD9	RGB 237 221 217	#EDDDD9

#C08B7B #C7988A #CFA69A #D6B4AA #DEC1B9 #E5CFC9 #EDDDD9

#C08B7B - #EDDDD9

HSV Blend

#C08B7B - #EDDDD9 | 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 #C08B7B as 0% and #EDDDD9 as 100%.

0.0%	0.0% #C08B7B	RGB 192 139 123	#C08B7B
16.7%	16.7% #C79788	RGB 199 151 136	#C79788
33.3%	33.3% #CFA397	RGB 207 163 151	#CFA397
50.0%	50.0% #D6B1A6	RGB 214 177 166	#D6B1A6
66.7%	66.7% #DEBFB6	RGB 222 191 182	#DEBFB6
83.3%	83.3% #E5CDC7	RGB 229 205 199	#E5CDC7
100.0%	100.0% #EDDDD9	RGB 237 221 217	#EDDDD9

#C08B7B #C79788 #CFA397 #D6B1A6 #DEBFB6 #E5CDC7 #EDDDD9

#C08B7B - #D6B1A6 - #EDDDD9

CSS codes

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

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