#EAD4A8 - #CF9B52 | 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 #EAD4A8 to #CF9B52

#EAD4A8 #CF9B52

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

#EAD4A8 - #CF9B52 | 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 #EAD4A8 as 0% and #CF9B52 as 100%.

0.0%	0.0% #EAD4A8	RGB 234 212 168	#EAD4A8
16.7%	16.7% #E5CA99	RGB 229 202 153	#E5CA99
33.3%	33.3% #E1C18B	RGB 225 193 139	#E1C18B
50.0%	50.0% #DCB77D	RGB 220 183 125	#DCB77D
66.7%	66.7% #D8AE6E	RGB 216 174 110	#D8AE6E
83.3%	83.3% #D3A460	RGB 211 164 96	#D3A460
100.0%	100.0% #CF9B52	RGB 207 155 82	#CF9B52

#EAD4A8 #E5CA99 #E1C18B #DCB77D #D8AE6E #D3A460 #CF9B52

#EAD4A8 - #CF9B52

HSV Blend

#EAD4A8 - #CF9B52 | 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 #EAD4A8 as 0% and #CF9B52 as 100%.

0.0%	0.0% #EAD4A8	RGB 234 212 168	#EAD4A8
16.7%	16.7% #E5CA98	RGB 229 202 152	#E5CA98
33.3%	33.3% #E1C189	RGB 225 193 137	#E1C189
50.0%	50.0% #DCB77A	RGB 220 183 122	#DCB77A
66.7%	66.7% #D8AE6C	RGB 216 174 108	#D8AE6C
83.3%	83.3% #D3A45F	RGB 211 164 95	#D3A45F
100.0%	100.0% #CF9B52	RGB 207 155 82	#CF9B52

#EAD4A8 #E5CA98 #E1C189 #DCB77A #D8AE6C #D3A45F #CF9B52

#EAD4A8 - #DCB77A - #CF9B52

CSS codes

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

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