#C29B6B - #EDE2D4 | 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 #C29B6B to #EDE2D4

#C29B6B #EDE2D4

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

#C29B6B - #EDE2D4 | 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 #C29B6B as 0% and #EDE2D4 as 100%.

0.0%	0.0% #C29B6B	RGB 194 155 107	#C29B6B
16.7%	16.7% #C9A67C	RGB 201 166 124	#C9A67C
33.3%	33.3% #D0B28E	RGB 208 178 142	#D0B28E
50.0%	50.0% #D7BE9F	RGB 215 190 159	#D7BE9F
66.7%	66.7% #DECAB1	RGB 222 202 177	#DECAB1
83.3%	83.3% #E5D6C2	RGB 229 214 194	#E5D6C2
100.0%	100.0% #EDE2D4	RGB 237 226 212	#EDE2D4

#C29B6B #C9A67C #D0B28E #D7BE9F #DECAB1 #E5D6C2 #EDE2D4

#C29B6B - #EDE2D4

HSV Blend

#C29B6B - #EDE2D4 | 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 #C29B6B as 0% and #EDE2D4 as 100%.

0.0%	0.0% #C29B6B	RGB 194 155 107	#C29B6B
16.7%	16.7% #C9A57A	RGB 201 165 122	#C9A57A
33.3%	33.3% #D0B18A	RGB 208 177 138	#D0B18A
50.0%	50.0% #D7BC9B	RGB 215 188 155	#D7BC9B
66.7%	66.7% #DEC8AD	RGB 222 200 173	#DEC8AD
83.3%	83.3% #E5D5C0	RGB 229 213 192	#E5D5C0
100.0%	100.0% #EDE2D4	RGB 237 226 212	#EDE2D4

#C29B6B #C9A57A #D0B18A #D7BC9B #DEC8AD #E5D5C0 #EDE2D4

#C29B6B - #D7BC9B - #EDE2D4

CSS codes

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

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