#DBFF9C - #9CEA48 | 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 #DBFF9C to #9CEA48

#DBFF9C #9CEA48

Calculate the color between two colors, #DBFF9C and #9CEA48. 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)

#DBFF9C - #9CEA48 | 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 #DBFF9C as 0% and #9CEA48 as 100%.

0.0%	0.0% #DBFF9C	RGB 219 255 156	#DBFF9C
16.7%	16.7% #D0FB8E	RGB 208 251 142	#D0FB8E
33.3%	33.3% #C6F880	RGB 198 248 128	#C6F880
50.0%	50.0% #BBF472	RGB 187 244 114	#BBF472
66.7%	66.7% #B1F164	RGB 177 241 100	#B1F164
83.3%	83.3% #A6ED56	RGB 166 237 86	#A6ED56
100.0%	100.0% #9CEA48	RGB 156 234 72	#9CEA48

#DBFF9C #D0FB8E #C6F880 #BBF472 #B1F164 #A6ED56 #9CEA48

#DBFF9C - #9CEA48

HSV Blend

#DBFF9C - #9CEA48 | 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 #DBFF9C as 0% and #9CEA48 as 100%.

0.0%	0.0% #DBFF9C	RGB 219 255 156	#DBFF9C
16.7%	16.7% #D1FB8D	RGB 209 251 141	#D1FB8D
33.3%	33.3% #C7F87E	RGB 199 248 126	#C7F87E
50.0%	50.0% #BCF470	RGB 188 244 112	#BCF470
66.7%	66.7% #B2F162	RGB 178 241 98	#B2F162
83.3%	83.3% #A7ED55	RGB 167 237 85	#A7ED55
100.0%	100.0% #9CEA48	RGB 156 234 72	#9CEA48

#DBFF9C #D1FB8D #C7F87E #BCF470 #B2F162 #A7ED55 #9CEA48

#DBFF9C - #BCF470 - #9CEA48

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBFF9C 0%, #BCF470 50%, #9CEA48 100%);
    background: -webkit-linear-gradient(top, #DBFF9C 0%, #BCF470 50%, #9CEA48 100%);
    background: linear-gradient(to bottom, #DBFF9C 0%, #BCF470 50%, #9CEA48 100%);
}
</style>