#E4DDA2 - #C4AD4C | 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 #E4DDA2 to #C4AD4C

#E4DDA2 #C4AD4C

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

#E4DDA2 - #C4AD4C | 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 #E4DDA2 as 0% and #C4AD4C as 100%.

0.0%	0.0% #E4DDA2	RGB 228 221 162	#E4DDA2
16.7%	16.7% #DED593	RGB 222 213 147	#DED593
33.3%	33.3% #D9CD85	RGB 217 205 133	#D9CD85
50.0%	50.0% #D4C577	RGB 212 197 119	#D4C577
66.7%	66.7% #CEBD68	RGB 206 189 104	#CEBD68
83.3%	83.3% #C9B55A	RGB 201 181 90	#C9B55A
100.0%	100.0% #C4AD4C	RGB 196 173 76	#C4AD4C

#E4DDA2 #DED593 #D9CD85 #D4C577 #CEBD68 #C9B55A #C4AD4C

#E4DDA2 - #C4AD4C

HSV Blend

#E4DDA2 - #C4AD4C | 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 #E4DDA2 as 0% and #C4AD4C as 100%.

0.0%	0.0% #E4DDA2	RGB 228 221 162	#E4DDA2
16.7%	16.7% #DED592	RGB 222 213 146	#DED592
33.3%	33.3% #D9CD83	RGB 217 205 131	#D9CD83
50.0%	50.0% #D4C574	RGB 212 197 116	#D4C574
66.7%	66.7% #CEBD66	RGB 206 189 102	#CEBD66
83.3%	83.3% #C9B558	RGB 201 181 88	#C9B558
100.0%	100.0% #C4AD4C	RGB 196 173 76	#C4AD4C

#E4DDA2 #DED592 #D9CD83 #D4C574 #CEBD66 #C9B558 #C4AD4C

#E4DDA2 - #D4C574 - #C4AD4C

CSS codes

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

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