#E6E7E5 - #A1BD9A | 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 #E6E7E5 to #A1BD9A

#E6E7E5 #A1BD9A

Calculate the color between two colors, #E6E7E5 and #A1BD9A. 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)

#E6E7E5 - #A1BD9A | 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 #E6E7E5 as 0% and #A1BD9A as 100%.

0.0%	0.0% #E6E7E5	RGB 230 231 229	#E6E7E5
16.7%	16.7% #DAE0D8	RGB 218 224 216	#DAE0D8
33.3%	33.3% #CFD9CC	RGB 207 217 204	#CFD9CC
50.0%	50.0% #C3D2BF	RGB 195 210 191	#C3D2BF
66.7%	66.7% #B8CBB3	RGB 184 203 179	#B8CBB3
83.3%	83.3% #ACC4A6	RGB 172 196 166	#ACC4A6
100.0%	100.0% #A1BD9A	RGB 161 189 154	#A1BD9A

#E6E7E5 #DAE0D8 #CFD9CC #C3D2BF #B8CBB3 #ACC4A6 #A1BD9A

#E6E7E5 - #A1BD9A

HSV Blend

#E6E7E5 - #A1BD9A | 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 #E6E7E5 as 0% and #A1BD9A as 100%.

0.0%	0.0% #E6E7E5	RGB 230 231 229	#E6E7E5
16.7%	16.7% #DBE0D7	RGB 219 224 215	#DBE0D7
33.3%	33.3% #D0D9CA	RGB 208 217 202	#D0D9CA
50.0%	50.0% #C4D2BD	RGB 196 210 189	#C4D2BD
66.7%	66.7% #B9CBB1	RGB 185 203 177	#B9CBB1
83.3%	83.3% #ADC4A5	RGB 173 196 165	#ADC4A5
100.0%	100.0% #A1BD9A	RGB 161 189 154	#A1BD9A

#E6E7E5 #DBE0D7 #D0D9CA #C4D2BD #B9CBB1 #ADC4A5 #A1BD9A

#E6E7E5 - #C4D2BD - #A1BD9A

CSS codes

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

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