#97CD8A - #DCFDAC | 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 #97CD8A to #DCFDAC

#97CD8A #DCFDAC

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

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

0.0%	0.0% #97CD8A	RGB 151 205 138	#97CD8A
16.7%	16.7% #A2D58F	RGB 162 213 143	#A2D58F
33.3%	33.3% #AEDD95	RGB 174 221 149	#AEDD95
50.0%	50.0% #B9E59B	RGB 185 229 155	#B9E59B
66.7%	66.7% #C5EDA0	RGB 197 237 160	#C5EDA0
83.3%	83.3% #D0F5A6	RGB 208 245 166	#D0F5A6
100.0%	100.0% #DCFDAC	RGB 220 253 172	#DCFDAC

#97CD8A #A2D58F #AEDD95 #B9E59B #C5EDA0 #D0F5A6 #DCFDAC

#97CD8A - #DCFDAC

HSV Blend

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

0.0%	0.0% #97CD8A	RGB 151 205 138	#97CD8A
16.7%	16.7% #A1D58F	RGB 161 213 143	#A1D58F
33.3%	33.3% #ACDD95	RGB 172 221 149	#ACDD95
50.0%	50.0% #B8E59A	RGB 184 229 154	#B8E59A
66.7%	66.7% #C3EDA0	RGB 195 237 160	#C3EDA0
83.3%	83.3% #CFF5A6	RGB 207 245 166	#CFF5A6
100.0%	100.0% #DCFDAC	RGB 220 253 172	#DCFDAC

#97CD8A #A1D58F #ACDD95 #B8E59A #C3EDA0 #CFF5A6 #DCFDAC

#97CD8A - #B8E59A - #DCFDAC

CSS codes

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

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