#A8BAA2 - #EECEAE | 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 #A8BAA2 to #EECEAE

#A8BAA2 #EECEAE

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

#A8BAA2 - #EECEAE | 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 #A8BAA2 as 0% and #EECEAE as 100%.

0.0%	0.0% #A8BAA2	RGB 168 186 162	#A8BAA2
16.7%	16.7% #B3BDA4	RGB 179 189 164	#B3BDA4
33.3%	33.3% #BFC0A6	RGB 191 192 166	#BFC0A6
50.0%	50.0% #CBC4A8	RGB 203 196 168	#CBC4A8
66.7%	66.7% #D6C7AA	RGB 214 199 170	#D6C7AA
83.3%	83.3% #E2CAAC	RGB 226 202 172	#E2CAAC
100.0%	100.0% #EECEAE	RGB 238 206 174	#EECEAE

#A8BAA2 #B3BDA4 #BFC0A6 #CBC4A8 #D6C7AA #E2CAAC #EECEAE

#A8BAA2 - #EECEAE

HSV Blend

#A8BAA2 - #EECEAE | 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 #A8BAA2 as 0% and #EECEAE as 100%.

0.0%	0.0% #A8BAA2	RGB 168 186 162	#A8BAA2
16.7%	16.7% #B2C2A5	RGB 178 194 165	#B2C2A5
33.3%	33.3% #BFCBA7	RGB 191 203 167	#BFCBA7
50.0%	50.0% #CED4A9	RGB 206 212 169	#CED4A9
66.7%	66.7% #DCD8AB	RGB 220 216 171	#DCD8AB
83.3%	83.3% #E5D4AD	RGB 229 212 173	#E5D4AD
100.0%	100.0% #EECEAE	RGB 238 206 174	#EECEAE

#A8BAA2 #B2C2A5 #BFCBA7 #CED4A9 #DCD8AB #E5D4AD #EECEAE

#A8BAA2 - #CED4A9 - #EECEAE

CSS codes

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

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