#DC9F12 - #E7FF39 | 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 #DC9F12 to #E7FF39

#DC9F12 #E7FF39

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

#DC9F12 - #E7FF39 | 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 #DC9F12 as 0% and #E7FF39 as 100%.

0.0%	0.0% #DC9F12	RGB 220 159 18	#DC9F12
16.7%	16.7% #DDAF18	RGB 221 175 24	#DDAF18
33.3%	33.3% #DFBF1F	RGB 223 191 31	#DFBF1F
50.0%	50.0% #E1CF25	RGB 225 207 37	#E1CF25
66.7%	66.7% #E3DF2C	RGB 227 223 44	#E3DF2C
83.3%	83.3% #E5EF32	RGB 229 239 50	#E5EF32
100.0%	100.0% #E7FF39	RGB 231 255 57	#E7FF39

#DC9F12 #DDAF18 #DFBF1F #E1CF25 #E3DF2C #E5EF32 #E7FF39

#DC9F12 - #E7FF39

HSV Blend

#DC9F12 - #E7FF39 | 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 #DC9F12 as 0% and #E7FF39 as 100%.

0.0%	0.0% #DC9F11	RGB 220 159 17	#DC9F11
16.7%	16.7% #E1B317	RGB 225 179 23	#E1B317
33.3%	33.3% #E7C71D	RGB 231 199 29	#E7C71D
50.0%	50.0% #EDDB24	RGB 237 219 36	#EDDB24
66.7%	66.7% #F3EF2A	RGB 243 239 42	#F3EF2A
83.3%	83.3% #EFF931	RGB 239 249 49	#EFF931
100.0%	100.0% #E7FF39	RGB 231 255 57	#E7FF39

#DC9F11 #E1B317 #E7C71D #EDDB24 #F3EF2A #EFF931 #E7FF39

#DC9F12 - #EDDB24 - #E7FF39

CSS codes

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

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