#96AD8C - #AFFFD4 | 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 #96AD8C to #AFFFD4

#96AD8C #AFFFD4

Calculate the color between two colors, #96AD8C and #AFFFD4. 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)

#96AD8C - #AFFFD4 | 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 #96AD8C as 0% and #AFFFD4 as 100%.

0.0%	0.0% #96AD8C	RGB 150 173 140	#96AD8C
16.7%	16.7% #9ABA98	RGB 154 186 152	#9ABA98
33.3%	33.3% #9EC8A4	RGB 158 200 164	#9EC8A4
50.0%	50.0% #A2D6B0	RGB 162 214 176	#A2D6B0
66.7%	66.7% #A6E3BC	RGB 166 227 188	#A6E3BC
83.3%	83.3% #AAF1C8	RGB 170 241 200	#AAF1C8
100.0%	100.0% #AFFFD4	RGB 175 255 212	#AFFFD4

#96AD8C #9ABA98 #9EC8A4 #A2D6B0 #A6E3BC #AAF1C8 #AFFFD4

#96AD8C - #AFFFD4

HSV Blend

#96AD8C - #AFFFD4 | 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 #96AD8C as 0% and #AFFFD4 as 100%.

0.0%	0.0% #96AD8C	RGB 150 173 140	#96AD8C
16.7%	16.7% #9ABA93	RGB 154 186 147	#9ABA93
33.3%	33.3% #9CC899	RGB 156 200 153	#9CC899
50.0%	50.0% #A0D6A4	RGB 160 214 164	#A0D6A4
66.7%	66.7% #A5E3B2	RGB 165 227 178	#A5E3B2
83.3%	83.3% #AAF1C2	RGB 170 241 194	#AAF1C2
100.0%	100.0% #AFFFD4	RGB 175 255 212	#AFFFD4

#96AD8C #9ABA93 #9CC899 #A0D6A4 #A5E3B2 #AAF1C2 #AFFFD4

#96AD8C - #A0D6A4 - #AFFFD4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #96AD8C 0%, #A0D6A4 50%, #AFFFD4 100%);
    background: -webkit-linear-gradient(top, #96AD8C 0%, #A0D6A4 50%, #AFFFD4 100%);
    background: linear-gradient(to bottom, #96AD8C 0%, #A0D6A4 50%, #AFFFD4 100%);
}
</style>