#C9A17D - #EFE4D9 | 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 #C9A17D to #EFE4D9

#C9A17D #EFE4D9

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

#C9A17D - #EFE4D9 | 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 #C9A17D as 0% and #EFE4D9 as 100%.

0.0%	0.0% #C9A17D	RGB 201 161 125	#C9A17D
16.7%	16.7% #CFAC8C	RGB 207 172 140	#CFAC8C
33.3%	33.3% #D5B79B	RGB 213 183 155	#D5B79B
50.0%	50.0% #DCC2AB	RGB 220 194 171	#DCC2AB
66.7%	66.7% #E2CDBA	RGB 226 205 186	#E2CDBA
83.3%	83.3% #E8D8C9	RGB 232 216 201	#E8D8C9
100.0%	100.0% #EFE4D9	RGB 239 228 217	#EFE4D9

#C9A17D #CFAC8C #D5B79B #DCC2AB #E2CDBA #E8D8C9 #EFE4D9

#C9A17D - #EFE4D9

HSV Blend

#C9A17D - #EFE4D9 | 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 #C9A17D as 0% and #EFE4D9 as 100%.

0.0%	0.0% #C9A17D	RGB 201 161 125	#C9A17D
16.7%	16.7% #CFAB8A	RGB 207 171 138	#CFAB8A
33.3%	33.3% #D5B699	RGB 213 182 153	#D5B699
50.0%	50.0% #DCC1A8	RGB 220 193 168	#DCC1A8
66.7%	66.7% #E2CCB7	RGB 226 204 183	#E2CCB7
83.3%	83.3% #E8D8C8	RGB 232 216 200	#E8D8C8
100.0%	100.0% #EFE4D9	RGB 239 228 217	#EFE4D9

#C9A17D #CFAB8A #D5B699 #DCC1A8 #E2CCB7 #E8D8C8 #EFE4D9

#C9A17D - #DCC1A8 - #EFE4D9

CSS codes

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

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