#D9FF62 - #3E481C | 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 #D9FF62 to #3E481C

#D9FF62 #3E481C

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

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

0.0%	0.0% #D9FF62	RGB 217 255 98	#D9FF62
16.7%	16.7% #BFE056	RGB 191 224 86	#BFE056
33.3%	33.3% #A5C24A	RGB 165 194 74	#A5C24A
50.0%	50.0% #8BA33F	RGB 139 163 63	#8BA33F
66.7%	66.7% #718433	RGB 113 132 51	#718433
83.3%	83.3% #576627	RGB 87 102 39	#576627
100.0%	100.0% #3E481C	RGB 62 72 28	#3E481C

#D9FF62 #BFE056 #A5C24A #8BA33F #718433 #576627 #3E481C

#D9FF62 - #3E481C

HSV Blend

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

0.0%	0.0% #D9FF62	RGB 217 255 98	#D9FF62
16.7%	16.7% #BFE056	RGB 191 224 86	#BFE056
33.3%	33.3% #A5C24A	RGB 165 194 74	#A5C24A
50.0%	50.0% #8BA33F	RGB 139 163 63	#8BA33F
66.7%	66.7% #728433	RGB 114 132 51	#728433
83.3%	83.3% #586627	RGB 88 102 39	#586627
100.0%	100.0% #3E481C	RGB 62 72 28	#3E481C

#D9FF62 #BFE056 #A5C24A #8BA33F #728433 #586627 #3E481C

#D9FF62 - #8BA33F - #3E481C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D9FF62 0%, #8BA33F 50%, #3E481C 100%);
    background: -webkit-linear-gradient(top, #D9FF62 0%, #8BA33F 50%, #3E481C 100%);
    background: linear-gradient(to bottom, #D9FF62 0%, #8BA33F 50%, #3E481C 100%);
}
</style>