#9EA29B - #E4E3E2 | 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 #9EA29B to #E4E3E2

#9EA29B #E4E3E2

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

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

0.0%	0.0% #9EA29B	RGB 158 162 155	#9EA29B
16.7%	16.7% #A9ACA6	RGB 169 172 166	#A9ACA6
33.3%	33.3% #B5B7B2	RGB 181 183 178	#B5B7B2
50.0%	50.0% #C1C2BE	RGB 193 194 190	#C1C2BE
66.7%	66.7% #CCCDCA	RGB 204 205 202	#CCCDCA
83.3%	83.3% #D8D8D6	RGB 216 216 214	#D8D8D6
100.0%	100.0% #E4E3E2	RGB 228 227 226	#E4E3E2

#9EA29B #A9ACA6 #B5B7B2 #C1C2BE #CCCDCA #D8D8D6 #E4E3E2

#9EA29B - #E4E3E2

HSV Blend

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

0.0%	0.0% #9EA29B	RGB 158 162 155	#9EA29B
16.7%	16.7% #AAADA6	RGB 170 173 166	#AAADA6
33.3%	33.3% #B6B8B2	RGB 182 184 178	#B6B8B2
50.0%	50.0% #C2C3BD	RGB 194 195 189	#C2C3BD
66.7%	66.7% #CECDC9	RGB 206 205 201	#CECDC9
83.3%	83.3% #D9D7D5	RGB 217 215 213	#D9D7D5
100.0%	100.0% #E4E3E2	RGB 228 227 226	#E4E3E2

#9EA29B #AAADA6 #B6B8B2 #C2C3BD #CECDC9 #D9D7D5 #E4E3E2

#9EA29B - #C2C3BD - #E4E3E2

CSS codes

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

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