#D5E264 - #3C401C | 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 #D5E264 to #3C401C

#D5E264 #3C401C

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

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

0.0%	0.0% #D5E264	RGB 213 226 100	#D5E264
16.7%	16.7% #BBC758	RGB 187 199 88	#BBC758
33.3%	33.3% #A2AC4C	RGB 162 172 76	#A2AC4C
50.0%	50.0% #889140	RGB 136 145 64	#889140
66.7%	66.7% #6F7634	RGB 111 118 52	#6F7634
83.3%	83.3% #555B28	RGB 85 91 40	#555B28
100.0%	100.0% #3C401C	RGB 60 64 28	#3C401C

#D5E264 #BBC758 #A2AC4C #889140 #6F7634 #555B28 #3C401C

#D5E264 - #3C401C

HSV Blend

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

0.0%	0.0% #D5E264	RGB 213 226 100	#D5E264
16.7%	16.7% #BBC757	RGB 187 199 87	#BBC757
33.3%	33.3% #A1AC4B	RGB 161 172 75	#A1AC4B
50.0%	50.0% #88913F	RGB 136 145 63	#88913F
66.7%	66.7% #6E7633	RGB 110 118 51	#6E7633
83.3%	83.3% #555B27	RGB 85 91 39	#555B27
100.0%	100.0% #3C401C	RGB 60 64 28	#3C401C

#D5E264 #BBC757 #A1AC4B #88913F #6E7633 #555B27 #3C401C

#D5E264 - #88913F - #3C401C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D5E264 0%, #88913F 50%, #3C401C 100%);
    background: -webkit-linear-gradient(top, #D5E264 0%, #88913F 50%, #3C401C 100%);
    background: linear-gradient(to bottom, #D5E264 0%, #88913F 50%, #3C401C 100%);
}
</style>