#E4D0AF - #C3A85C | 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 #E4D0AF to #C3A85C

#E4D0AF #C3A85C

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

#E4D0AF - #C3A85C | 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 #E4D0AF as 0% and #C3A85C as 100%.

0.0%	0.0% #E4D0AF	RGB 228 208 175	#E4D0AF
16.7%	16.7% #DEC9A1	RGB 222 201 161	#DEC9A1
33.3%	33.3% #D9C293	RGB 217 194 147	#D9C293
50.0%	50.0% #D3BC85	RGB 211 188 133	#D3BC85
66.7%	66.7% #CEB577	RGB 206 181 119	#CEB577
83.3%	83.3% #C8AE69	RGB 200 174 105	#C8AE69
100.0%	100.0% #C3A85C	RGB 195 168 92	#C3A85C

#E4D0AF #DEC9A1 #D9C293 #D3BC85 #CEB577 #C8AE69 #C3A85C

#E4D0AF - #C3A85C

HSV Blend

#E4D0AF - #C3A85C | 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 #E4D0AF as 0% and #C3A85C as 100%.

0.0%	0.0% #E4D0AF	RGB 228 208 175	#E4D0AF
16.7%	16.7% #DEC89F	RGB 222 200 159	#DEC89F
33.3%	33.3% #D9C091	RGB 217 192 145	#D9C091
50.0%	50.0% #D3B983	RGB 211 185 131	#D3B983
66.7%	66.7% #CEB375	RGB 206 179 117	#CEB375
83.3%	83.3% #C8AD68	RGB 200 173 104	#C8AD68
100.0%	100.0% #C3A85C	RGB 195 168 92	#C3A85C

#E4D0AF #DEC89F #D9C091 #D3B983 #CEB375 #C8AD68 #C3A85C

#E4D0AF - #D3B983 - #C3A85C

CSS codes

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

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