#DDFFB0 - #9CEB5B | 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 #DDFFB0 to #9CEB5B

#DDFFB0 #9CEB5B

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

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

0.0%	0.0% #DDFFB0	RGB 221 255 176	#DDFFB0
16.7%	16.7% #D2FBA1	RGB 210 251 161	#D2FBA1
33.3%	33.3% #C7F893	RGB 199 248 147	#C7F893
50.0%	50.0% #BCF585	RGB 188 245 133	#BCF585
66.7%	66.7% #B1F177	RGB 177 241 119	#B1F177
83.3%	83.3% #A6EE69	RGB 166 238 105	#A6EE69
100.0%	100.0% #9CEB5B	RGB 156 235 91	#9CEB5B

#DDFFB0 #D2FBA1 #C7F893 #BCF585 #B1F177 #A6EE69 #9CEB5B

#DDFFB0 - #9CEB5B

HSV Blend

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

0.0%	0.0% #DDFFB0	RGB 221 255 176	#DDFFB0
16.7%	16.7% #D2FBA0	RGB 210 251 160	#D2FBA0
33.3%	33.3% #C8F892	RGB 200 248 146	#C8F892
50.0%	50.0% #BDF583	RGB 189 245 131	#BDF583
66.7%	66.7% #B2F175	RGB 178 241 117	#B2F175
83.3%	83.3% #A7EE68	RGB 167 238 104	#A7EE68
100.0%	100.0% #9CEB5B	RGB 156 235 91	#9CEB5B

#DDFFB0 #D2FBA0 #C8F892 #BDF583 #B2F175 #A7EE68 #9CEB5B

#DDFFB0 - #BDF583 - #9CEB5B

CSS codes

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

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