#C19C7E - #EDE2DA | 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 #C19C7E to #EDE2DA

#C19C7E #EDE2DA

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

#C19C7E - #EDE2DA | 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 #C19C7E as 0% and #EDE2DA as 100%.

0.0%	0.0% #C19C7E	RGB 193 156 126	#C19C7E
16.7%	16.7% #C8A78D	RGB 200 167 141	#C8A78D
33.3%	33.3% #CFB39C	RGB 207 179 156	#CFB39C
50.0%	50.0% #D7BFAC	RGB 215 191 172	#D7BFAC
66.7%	66.7% #DECABB	RGB 222 202 187	#DECABB
83.3%	83.3% #E5D6CA	RGB 229 214 202	#E5D6CA
100.0%	100.0% #EDE2DA	RGB 237 226 218	#EDE2DA

#C19C7E #C8A78D #CFB39C #D7BFAC #DECABB #E5D6CA #EDE2DA

#C19C7E - #EDE2DA

HSV Blend

#C19C7E - #EDE2DA | 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 #C19C7E as 0% and #EDE2DA as 100%.

0.0%	0.0% #C19C7E	RGB 193 156 126	#C19C7E
16.7%	16.7% #C8A68B	RGB 200 166 139	#C8A68B
33.3%	33.3% #CFB19A	RGB 207 177 154	#CFB19A
50.0%	50.0% #D7BDA9	RGB 215 189 169	#D7BDA9
66.7%	66.7% #DEC8B8	RGB 222 200 184	#DEC8B8
83.3%	83.3% #E5D5C9	RGB 229 213 201	#E5D5C9
100.0%	100.0% #EDE2DA	RGB 237 226 218	#EDE2DA

#C19C7E #C8A68B #CFB19A #D7BDA9 #DEC8B8 #E5D5C9 #EDE2DA

#C19C7E - #D7BDA9 - #EDE2DA

CSS codes

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

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