#C29B5A - #EDE2CF | 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 #C29B5A to #EDE2CF

#C29B5A #EDE2CF

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

#C29B5A - #EDE2CF | 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 #C29B5A as 0% and #EDE2CF as 100%.

0.0%	0.0% #C29B5A	RGB 194 155 90	#C29B5A
16.7%	16.7% #C9A66D	RGB 201 166 109	#C9A66D
33.3%	33.3% #D0B281	RGB 208 178 129	#D0B281
50.0%	50.0% #D7BE94	RGB 215 190 148	#D7BE94
66.7%	66.7% #DECAA8	RGB 222 202 168	#DECAA8
83.3%	83.3% #E5D6BB	RGB 229 214 187	#E5D6BB
100.0%	100.0% #EDE2CF	RGB 237 226 207	#EDE2CF

#C29B5A #C9A66D #D0B281 #D7BE94 #DECAA8 #E5D6BB #EDE2CF

#C29B5A - #EDE2CF

HSV Blend

#C29B5A - #EDE2CF | 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 #C29B5A as 0% and #EDE2CF as 100%.

0.0%	0.0% #C29B5A	RGB 194 155 90	#C29B5A
16.7%	16.7% #C9A66B	RGB 201 166 107	#C9A66B
33.3%	33.3% #D0B17D	RGB 208 177 125	#D0B17D
50.0%	50.0% #D7BD90	RGB 215 189 144	#D7BD90
66.7%	66.7% #DEC9A4	RGB 222 201 164	#DEC9A4
83.3%	83.3% #E5D5B9	RGB 229 213 185	#E5D5B9
100.0%	100.0% #EDE2CF	RGB 237 226 207	#EDE2CF

#C29B5A #C9A66B #D0B17D #D7BD90 #DEC9A4 #E5D5B9 #EDE2CF

#C29B5A - #D7BD90 - #EDE2CF

CSS codes

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

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