#1E9900 - #FFDC7B | 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 #1E9900 to #FFDC7B

#1E9900 #FFDC7B

Calculate the color between two colors, #1E9900 and #FFDC7B. 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)

#1E9900 - #FFDC7B | 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 #1E9900 as 0% and #FFDC7B as 100%.

0.0%	0.0% #1E9900	RGB 30 153 0	#1E9900
16.7%	16.7% #43A414	RGB 67 164 20	#43A414
33.3%	33.3% #69AF29	RGB 105 175 41	#69AF29
50.0%	50.0% #8EBA3D	RGB 142 186 61	#8EBA3D
66.7%	66.7% #B4C552	RGB 180 197 82	#B4C552
83.3%	83.3% #D9D066	RGB 217 208 102	#D9D066
100.0%	100.0% #FFDC7B	RGB 255 220 123	#FFDC7B

#1E9900 #43A414 #69AF29 #8EBA3D #B4C552 #D9D066 #FFDC7B

#1E9900 - #FFDC7B

HSV Blend

#1E9900 - #FFDC7B | 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 #1E9900 as 0% and #FFDC7B as 100%.

0.0%	0.0% #1D9900	RGB 29 153 0	#1D9900
16.7%	16.7% #48AA0D	RGB 72 170 13	#48AA0D
33.3%	33.3% #74BB1E	RGB 116 187 30	#74BB1E
50.0%	50.0% #A2CC31	RGB 162 204 49	#A2CC31
66.7%	66.7% #CFDD47	RGB 207 221 71	#CFDD47
83.3%	83.3% #EEE15F	RGB 238 225 95	#EEE15F
100.0%	100.0% #FFDC7B	RGB 255 220 123	#FFDC7B

#1D9900 #48AA0D #74BB1E #A2CC31 #CFDD47 #EEE15F #FFDC7B

#1E9900 - #A2CC31 - #FFDC7B

CSS codes

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

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