#DDFF3B - #8AA500 | 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 #DDFF3B to #8AA500

#DDFF3B #8AA500

Calculate the color between two colors, #DDFF3B and #8AA500. 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)

#DDFF3B - #8AA500 | 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 #DDFF3B as 0% and #8AA500 as 100%.

0.0%	0.0% #DDFF3B	RGB 221 255 59	#DDFF3B
16.7%	16.7% #CFF031	RGB 207 240 49	#CFF031
33.3%	33.3% #C1E127	RGB 193 225 39	#C1E127
50.0%	50.0% #B3D21D	RGB 179 210 29	#B3D21D
66.7%	66.7% #A5C313	RGB 165 195 19	#A5C313
83.3%	83.3% #97B409	RGB 151 180 9	#97B409
100.0%	100.0% #8AA500	RGB 138 165 0	#8AA500

#DDFF3B #CFF031 #C1E127 #B3D21D #A5C313 #97B409 #8AA500

#DDFF3B - #8AA500

HSV Blend

#DDFF3B - #8AA500 | 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 #DDFF3B as 0% and #8AA500 as 100%.

0.0%	0.0% #DDFF3B	RGB 221 255 59	#DDFF3B
16.7%	16.7% #CEF02E	RGB 206 240 46	#CEF02E
33.3%	33.3% #C0E122	RGB 192 225 34	#C0E122
50.0%	50.0% #B2D218	RGB 178 210 24	#B2D218
66.7%	66.7% #A4C30F	RGB 164 195 15	#A4C30F
83.3%	83.3% #97B406	RGB 151 180 6	#97B406
100.0%	100.0% #8AA500	RGB 138 165 0	#8AA500

#DDFF3B #CEF02E #C0E122 #B2D218 #A4C30F #97B406 #8AA500

#DDFF3B - #B2D218 - #8AA500

CSS codes

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

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