#DBFF4D - #8BFF64 | 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 #DBFF4D to #8BFF64

#DBFF4D #8BFF64

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

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

0.0%	0.0% #DBFF4D	RGB 219 255 77	#DBFF4D
16.7%	16.7% #CDFF50	RGB 205 255 80	#CDFF50
33.3%	33.3% #C0FF54	RGB 192 255 84	#C0FF54
50.0%	50.0% #B3FF58	RGB 179 255 88	#B3FF58
66.7%	66.7% #A5FF5C	RGB 165 255 92	#A5FF5C
83.3%	83.3% #98FF60	RGB 152 255 96	#98FF60
100.0%	100.0% #8BFF64	RGB 139 255 100	#8BFF64

#DBFF4D #CDFF50 #C0FF54 #B3FF58 #A5FF5C #98FF60 #8BFF64

#DBFF4D - #8BFF64

HSV Blend

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

0.0%	0.0% #DBFF4D	RGB 219 255 77	#DBFF4D
16.7%	16.7% #CBFF50	RGB 203 255 80	#CBFF50
33.3%	33.3% #BDFF54	RGB 189 255 84	#BDFF54
50.0%	50.0% #AFFF58	RGB 175 255 88	#AFFF58
66.7%	66.7% #A2FF5C	RGB 162 255 92	#A2FF5C
83.3%	83.3% #96FF60	RGB 150 255 96	#96FF60
100.0%	100.0% #8BFF64	RGB 139 255 100	#8BFF64

#DBFF4D #CBFF50 #BDFF54 #AFFF58 #A2FF5C #96FF60 #8BFF64

#DBFF4D - #AFFF58 - #8BFF64

CSS codes

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

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