#E7E7E6 - #AEA68C | 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 #E7E7E6 to #AEA68C

#E7E7E6 #AEA68C

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

#E7E7E6 - #AEA68C | 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 #E7E7E6 as 0% and #AEA68C as 100%.

0.0%	0.0% #E7E7E6	RGB 231 231 230	#E7E7E6
16.7%	16.7% #DDDCD7	RGB 221 220 215	#DDDCD7
33.3%	33.3% #D4D1C8	RGB 212 209 200	#D4D1C8
50.0%	50.0% #CAC6B9	RGB 202 198 185	#CAC6B9
66.7%	66.7% #C1BBAA	RGB 193 187 170	#C1BBAA
83.3%	83.3% #B7B09B	RGB 183 176 155	#B7B09B
100.0%	100.0% #AEA68C	RGB 174 166 140	#AEA68C

#E7E7E6 #DDDCD7 #D4D1C8 #CAC6B9 #C1BBAA #B7B09B #AEA68C

#E7E7E6 - #AEA68C

HSV Blend

#E7E7E6 - #AEA68C | 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 #E7E7E6 as 0% and #AEA68C as 100%.

0.0%	0.0% #E7E7E6	RGB 231 231 230	#E7E7E6
16.7%	16.7% #DDDDD5	RGB 221 221 213	#DDDDD5
33.3%	33.3% #D4D2C5	RGB 212 210 197	#D4D2C5
50.0%	50.0% #CAC8B6	RGB 202 200 182	#CAC8B6
66.7%	66.7% #C1BDA7	RGB 193 189 167	#C1BDA7
83.3%	83.3% #B7B199	RGB 183 177 153	#B7B199
100.0%	100.0% #AEA68C	RGB 174 166 140	#AEA68C

#E7E7E6 #DDDDD5 #D4D2C5 #CAC8B6 #C1BDA7 #B7B199 #AEA68C

#E7E7E6 - #CAC8B6 - #AEA68C

CSS codes

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

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