#D0FF4C - #8FDB16 | 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 #D0FF4C to #8FDB16

#D0FF4C #8FDB16

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

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

0.0%	0.0% #D0FF4C	RGB 208 255 76	#D0FF4C
16.7%	16.7% #C5F943	RGB 197 249 67	#C5F943
33.3%	33.3% #BAF33A	RGB 186 243 58	#BAF33A
50.0%	50.0% #AFED31	RGB 175 237 49	#AFED31
66.7%	66.7% #A4E728	RGB 164 231 40	#A4E728
83.3%	83.3% #99E11F	RGB 153 225 31	#99E11F
100.0%	100.0% #8FDB16	RGB 143 219 22	#8FDB16

#D0FF4C #C5F943 #BAF33A #AFED31 #A4E728 #99E11F #8FDB16

#D0FF4C - #8FDB16

HSV Blend

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

0.0%	0.0% #D0FF4B	RGB 208 255 75	#D0FF4B
16.7%	16.7% #C5F942	RGB 197 249 66	#C5F942
33.3%	33.3% #BAF338	RGB 186 243 56	#BAF338
50.0%	50.0% #AFED2F	RGB 175 237 47	#AFED2F
66.7%	66.7% #A4E726	RGB 164 231 38	#A4E726
83.3%	83.3% #99E11E	RGB 153 225 30	#99E11E
100.0%	100.0% #8FDB16	RGB 143 219 22	#8FDB16

#D0FF4B #C5F942 #BAF338 #AFED2F #A4E726 #99E11E #8FDB16

#D0FF4C - #AFED2F - #8FDB16

CSS codes

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

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