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

#DCFF3B #8AA500

Calculate the color between two colors, #DCFF3B 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)

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

0.0%	0.0% #DCFF3B	RGB 220 255 59	#DCFF3B
16.7%	16.7% #CEF031	RGB 206 240 49	#CEF031
33.3%	33.3% #C0E127	RGB 192 225 39	#C0E127
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

#DCFF3B #CEF031 #C0E127 #B3D21D #A5C313 #97B409 #8AA500

#DCFF3B - #8AA500

HSV Blend

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

0.0%	0.0% #DCFF3B	RGB 220 255 59	#DCFF3B
16.7%	16.7% #CDF02E	RGB 205 240 46	#CDF02E
33.3%	33.3% #BFE122	RGB 191 225 34	#BFE122
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

#DCFF3B #CDF02E #BFE122 #B2D218 #A4C30F #97B406 #8AA500

#DCFF3B - #B2D218 - #8AA500

CSS codes

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

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