#E4DE5E - #C2AD1C | 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 #E4DE5E to #C2AD1C

#E4DE5E #C2AD1C

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

#E4DE5E - #C2AD1C | 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 #E4DE5E as 0% and #C2AD1C as 100%.

0.0%	0.0% #E4DE5E	RGB 228 222 94	#E4DE5E
16.7%	16.7% #DED553	RGB 222 213 83	#DED553
33.3%	33.3% #D8CD48	RGB 216 205 72	#D8CD48
50.0%	50.0% #D3C53D	RGB 211 197 61	#D3C53D
66.7%	66.7% #CDBD32	RGB 205 189 50	#CDBD32
83.3%	83.3% #C7B527	RGB 199 181 39	#C7B527
100.0%	100.0% #C2AD1C	RGB 194 173 28	#C2AD1C

#E4DE5E #DED553 #D8CD48 #D3C53D #CDBD32 #C7B527 #C2AD1C

#E4DE5E - #C2AD1C

HSV Blend

#E4DE5E - #C2AD1C | 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 #E4DE5E as 0% and #C2AD1C as 100%.

0.0%	0.0% #E4DE5E	RGB 228 222 94	#E4DE5E
16.7%	16.7% #DED651	RGB 222 214 81	#DED651
33.3%	33.3% #D8CE45	RGB 216 206 69	#D8CE45
50.0%	50.0% #D3C53A	RGB 211 197 58	#D3C53A
66.7%	66.7% #CDBD2F	RGB 205 189 47	#CDBD2F
83.3%	83.3% #C7B525	RGB 199 181 37	#C7B525
100.0%	100.0% #C2AD1C	RGB 194 173 28	#C2AD1C

#E4DE5E #DED651 #D8CE45 #D3C53A #CDBD2F #C7B525 #C2AD1C

#E4DE5E - #D3C53A - #C2AD1C

CSS codes

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

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