#EAF0EA - #A2B5A0 | 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 #EAF0EA to #A2B5A0

#EAF0EA #A2B5A0

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

#EAF0EA - #A2B5A0 | 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 #EAF0EA as 0% and #A2B5A0 as 100%.

0.0%	0.0% #EAF0EA	RGB 234 240 234	#EAF0EA
16.7%	16.7% #DEE6DD	RGB 222 230 221	#DEE6DD
33.3%	33.3% #D2DCD1	RGB 210 220 209	#D2DCD1
50.0%	50.0% #C6D2C5	RGB 198 210 197	#C6D2C5
66.7%	66.7% #BAC8B8	RGB 186 200 184	#BAC8B8
83.3%	83.3% #AEBEAC	RGB 174 190 172	#AEBEAC
100.0%	100.0% #A2B5A0	RGB 162 181 160	#A2B5A0

#EAF0EA #DEE6DD #D2DCD1 #C6D2C5 #BAC8B8 #AEBEAC #A2B5A0

#EAF0EA - #A2B5A0

HSV Blend

#EAF0EA - #A2B5A0 | 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 #EAF0EA as 0% and #A2B5A0 as 100%.

0.0%	0.0% #EAF0EA	RGB 234 240 234	#EAF0EA
16.7%	16.7% #DDE6DC	RGB 221 230 220	#DDE6DC
33.3%	33.3% #D0DCD0	RGB 208 220 208	#D0DCD0
50.0%	50.0% #C4D2C3	RGB 196 210 195	#C4D2C3
66.7%	66.7% #B8C8B7	RGB 184 200 183	#B8C8B7
83.3%	83.3% #ADBEAB	RGB 173 190 171	#ADBEAB
100.0%	100.0% #A2B5A0	RGB 162 181 160	#A2B5A0

#EAF0EA #DDE6DC #D0DCD0 #C4D2C3 #B8C8B7 #ADBEAB #A2B5A0

#EAF0EA - #C4D2C3 - #A2B5A0

CSS codes

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

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