#DDF2CD - #97D67C | 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 #DDF2CD to #97D67C

#DDF2CD #97D67C

Calculate the color between two colors, #DDF2CD and #97D67C. 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)

#DDF2CD - #97D67C | 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 #DDF2CD as 0% and #97D67C as 100%.

0.0%	0.0% #DDF2CD	RGB 221 242 205	#DDF2CD
16.7%	16.7% #D1EDBF	RGB 209 237 191	#D1EDBF
33.3%	33.3% #C5E8B2	RGB 197 232 178	#C5E8B2
50.0%	50.0% #BAE4A4	RGB 186 228 164	#BAE4A4
66.7%	66.7% #AEDF97	RGB 174 223 151	#AEDF97
83.3%	83.3% #A2DA89	RGB 162 218 137	#A2DA89
100.0%	100.0% #97D67C	RGB 151 214 124	#97D67C

#DDF2CD #D1EDBF #C5E8B2 #BAE4A4 #AEDF97 #A2DA89 #97D67C

#DDF2CD - #97D67C

HSV Blend

#DDF2CD - #97D67C | 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 #DDF2CD as 0% and #97D67C as 100%.

0.0%	0.0% #DDF2CD	RGB 221 242 205	#DDF2CD
16.7%	16.7% #D1EDBE	RGB 209 237 190	#D1EDBE
33.3%	33.3% #C6E8B0	RGB 198 232 176	#C6E8B0
50.0%	50.0% #BAE4A2	RGB 186 228 162	#BAE4A2
66.7%	66.7% #AEDF95	RGB 174 223 149	#AEDF95
83.3%	83.3% #A2DA88	RGB 162 218 136	#A2DA88
100.0%	100.0% #97D67C	RGB 151 214 124	#97D67C

#DDF2CD #D1EDBE #C6E8B0 #BAE4A2 #AEDF95 #A2DA88 #97D67C

#DDF2CD - #BAE4A2 - #97D67C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DDF2CD 0%, #BAE4A2 50%, #97D67C 100%);
    background: -webkit-linear-gradient(top, #DDF2CD 0%, #BAE4A2 50%, #97D67C 100%);
    background: linear-gradient(to bottom, #DDF2CD 0%, #BAE4A2 50%, #97D67C 100%);
}
</style>