#DFEF3C - #96C212 | 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 #DFEF3C to #96C212

#DFEF3C #96C212

Calculate the color between two colors, #DFEF3C and #96C212. 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)

#DFEF3C - #96C212 | 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 #DFEF3C as 0% and #96C212 as 100%.

0.0%	0.0% #DFEF3C	RGB 223 239 60	#DFEF3C
16.7%	16.7% #D2E735	RGB 210 231 53	#D2E735
33.3%	33.3% #C6E02E	RGB 198 224 46	#C6E02E
50.0%	50.0% #BAD827	RGB 186 216 39	#BAD827
66.7%	66.7% #AED120	RGB 174 209 32	#AED120
83.3%	83.3% #A2C919	RGB 162 201 25	#A2C919
100.0%	100.0% #96C212	RGB 150 194 18	#96C212

#DFEF3C #D2E735 #C6E02E #BAD827 #AED120 #A2C919 #96C212

#DFEF3C - #96C212

HSV Blend

#DFEF3C - #96C212 | 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 #DFEF3C as 0% and #96C212 as 100%.

0.0%	0.0% #DFEF3C	RGB 223 239 60	#DFEF3C
16.7%	16.7% #D2E734	RGB 210 231 52	#D2E734
33.3%	33.3% #C6E02C	RGB 198 224 44	#C6E02C
50.0%	50.0% #BAD825	RGB 186 216 37	#BAD825
66.7%	66.7% #ADD11E	RGB 173 209 30	#ADD11E
83.3%	83.3% #A1C918	RGB 161 201 24	#A1C918
100.0%	100.0% #96C212	RGB 150 194 18	#96C212

#DFEF3C #D2E734 #C6E02C #BAD825 #ADD11E #A1C918 #96C212

#DFEF3C - #BAD825 - #96C212

CSS codes

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

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