#D5E02E - #3C400D | 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 #D5E02E to #3C400D

#D5E02E #3C400D

Calculate the color between two colors, #D5E02E and #3C400D. 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)

#D5E02E - #3C400D | 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 #D5E02E as 0% and #3C400D as 100%.

0.0%	0.0% #D5E02E	RGB 213 224 46	#D5E02E
16.7%	16.7% #BBC528	RGB 187 197 40	#BBC528
33.3%	33.3% #A2AA23	RGB 162 170 35	#A2AA23
50.0%	50.0% #88901D	RGB 136 144 29	#88901D
66.7%	66.7% #6F7518	RGB 111 117 24	#6F7518
83.3%	83.3% #555A12	RGB 85 90 18	#555A12
100.0%	100.0% #3C400D	RGB 60 64 13	#3C400D

#D5E02E #BBC528 #A2AA23 #88901D #6F7518 #555A12 #3C400D

#D5E02E - #3C400D

HSV Blend

#D5E02E - #3C400D | 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 #D5E02E as 0% and #3C400D as 100%.

0.0%	0.0% #D5E02E	RGB 213 224 46	#D5E02E
16.7%	16.7% #BBC528	RGB 187 197 40	#BBC528
33.3%	33.3% #A1AA22	RGB 161 170 34	#A1AA22
50.0%	50.0% #87901D	RGB 135 144 29	#87901D
66.7%	66.7% #6E7517	RGB 110 117 23	#6E7517
83.3%	83.3% #555A12	RGB 85 90 18	#555A12
100.0%	100.0% #3C400D	RGB 60 64 13	#3C400D

#D5E02E #BBC528 #A1AA22 #87901D #6E7517 #555A12 #3C400D

#D5E02E - #87901D - #3C400D

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D5E02E 0%, #87901D 50%, #3C400D 100%);
    background: -webkit-linear-gradient(top, #D5E02E 0%, #87901D 50%, #3C400D 100%);
    background: linear-gradient(to bottom, #D5E02E 0%, #87901D 50%, #3C400D 100%);
}
</style>