#DDFBA1 - #9FE34C | 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 #DDFBA1 to #9FE34C

#DDFBA1 #9FE34C

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

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

0.0%	0.0% #DDFBA1	RGB 221 251 161	#DDFBA1
16.7%	16.7% #D2F792	RGB 210 247 146	#D2F792
33.3%	33.3% #C8F384	RGB 200 243 132	#C8F384
50.0%	50.0% #BEEF76	RGB 190 239 118	#BEEF76
66.7%	66.7% #B3EB68	RGB 179 235 104	#B3EB68
83.3%	83.3% #A9E75A	RGB 169 231 90	#A9E75A
100.0%	100.0% #9FE34C	RGB 159 227 76	#9FE34C

#DDFBA1 #D2F792 #C8F384 #BEEF76 #B3EB68 #A9E75A #9FE34C

#DDFBA1 - #9FE34C

HSV Blend

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

0.0%	0.0% #DDFBA1	RGB 221 251 161	#DDFBA1
16.7%	16.7% #D3F791	RGB 211 247 145	#D3F791
33.3%	33.3% #C9F383	RGB 201 243 131	#C9F383
50.0%	50.0% #BFEF74	RGB 191 239 116	#BFEF74
66.7%	66.7% #B4EB66	RGB 180 235 102	#B4EB66
83.3%	83.3% #A9E759	RGB 169 231 89	#A9E759
100.0%	100.0% #9FE34C	RGB 159 227 76	#9FE34C

#DDFBA1 #D3F791 #C9F383 #BFEF74 #B4EB66 #A9E759 #9FE34C

#DDFBA1 - #BFEF74 - #9FE34C

CSS codes

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

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