#E4DDAE - #C3AC58 | 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 #E4DDAE to #C3AC58

#E4DDAE #C3AC58

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

#E4DDAE - #C3AC58 | 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 #E4DDAE as 0% and #C3AC58 as 100%.

0.0%	0.0% #E4DDAE	RGB 228 221 174	#E4DDAE
16.7%	16.7% #DED49F	RGB 222 212 159	#DED49F
33.3%	33.3% #D9CC91	RGB 217 204 145	#D9CC91
50.0%	50.0% #D3C483	RGB 211 196 131	#D3C483
66.7%	66.7% #CEBC74	RGB 206 188 116	#CEBC74
83.3%	83.3% #C8B466	RGB 200 180 102	#C8B466
100.0%	100.0% #C3AC58	RGB 195 172 88	#C3AC58

#E4DDAE #DED49F #D9CC91 #D3C483 #CEBC74 #C8B466 #C3AC58

#E4DDAE - #C3AC58

HSV Blend

#E4DDAE - #C3AC58 | 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 #E4DDAE as 0% and #C3AC58 as 100%.

0.0%	0.0% #E4DDAE	RGB 228 221 174	#E4DDAE
16.7%	16.7% #DED59E	RGB 222 213 158	#DED59E
33.3%	33.3% #D9CD8F	RGB 217 205 143	#D9CD8F
50.0%	50.0% #D3C580	RGB 211 197 128	#D3C580
66.7%	66.7% #CEBC72	RGB 206 188 114	#CEBC72
83.3%	83.3% #C8B464	RGB 200 180 100	#C8B464
100.0%	100.0% #C3AC58	RGB 195 172 88	#C3AC58

#E4DDAE #DED59E #D9CD8F #D3C580 #CEBC72 #C8B464 #C3AC58

#E4DDAE - #D3C580 - #C3AC58

CSS codes

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

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