#ECEBD6 - #AAB27D | 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 #ECEBD6 to #AAB27D

#ECEBD6 #AAB27D

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

#ECEBD6 - #AAB27D | 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 #ECEBD6 as 0% and #AAB27D as 100%.

0.0%	0.0% #ECEBD6	RGB 236 235 214	#ECEBD6
16.7%	16.7% #E1E1C7	RGB 225 225 199	#E1E1C7
33.3%	33.3% #D6D8B8	RGB 214 216 184	#D6D8B8
50.0%	50.0% #CBCEA9	RGB 203 206 169	#CBCEA9
66.7%	66.7% #C0C59A	RGB 192 197 154	#C0C59A
83.3%	83.3% #B5BB8B	RGB 181 187 139	#B5BB8B
100.0%	100.0% #AAB27D	RGB 170 178 125	#AAB27D

#ECEBD6 #E1E1C7 #D6D8B8 #CBCEA9 #C0C59A #B5BB8B #AAB27D

#ECEBD6 - #AAB27D

HSV Blend

#ECEBD6 - #AAB27D | 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 #ECEBD6 as 0% and #AAB27D as 100%.

0.0%	0.0% #ECEBD6	RGB 236 235 214	#ECEBD6
16.7%	16.7% #E2E1C5	RGB 226 225 197	#E2E1C5
33.3%	33.3% #D7D8B5	RGB 215 216 181	#D7D8B5
50.0%	50.0% #CCCFA6	RGB 204 207 166	#CCCFA6
66.7%	66.7% #C1C598	RGB 193 197 152	#C1C598
83.3%	83.3% #B5BB8A	RGB 181 187 138	#B5BB8A
100.0%	100.0% #AAB27D	RGB 170 178 125	#AAB27D

#ECEBD6 #E2E1C5 #D7D8B5 #CCCFA6 #C1C598 #B5BB8A #AAB27D

#ECEBD6 - #CCCFA6 - #AAB27D

CSS codes

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

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