#96C37B - #E1EDD9 | 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 #96C37B to #E1EDD9

#96C37B #E1EDD9

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

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

0.0%	0.0% #96C37B	RGB 150 195 123	#96C37B
16.7%	16.7% #A2CA8A	RGB 162 202 138	#A2CA8A
33.3%	33.3% #AFD19A	RGB 175 209 154	#AFD19A
50.0%	50.0% #BBD8AA	RGB 187 216 170	#BBD8AA
66.7%	66.7% #C8DFB9	RGB 200 223 185	#C8DFB9
83.3%	83.3% #D4E6C9	RGB 212 230 201	#D4E6C9
100.0%	100.0% #E1EDD9	RGB 225 237 217	#E1EDD9

#96C37B #A2CA8A #AFD19A #BBD8AA #C8DFB9 #D4E6C9 #E1EDD9

#96C37B - #E1EDD9

HSV Blend

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

0.0%	0.0% #96C37B	RGB 150 195 123	#96C37B
16.7%	16.7% #A1CA89	RGB 161 202 137	#A1CA89
33.3%	33.3% #ADD197	RGB 173 209 151	#ADD197
50.0%	50.0% #B9D8A7	RGB 185 216 167	#B9D8A7
66.7%	66.7% #C6DFB7	RGB 198 223 183	#C6DFB7
83.3%	83.3% #D3E6C7	RGB 211 230 199	#D3E6C7
100.0%	100.0% #E1EDD9	RGB 225 237 217	#E1EDD9

#96C37B #A1CA89 #ADD197 #B9D8A7 #C6DFB7 #D3E6C7 #E1EDD9

#96C37B - #B9D8A7 - #E1EDD9

CSS codes

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

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