#A1A898 - #EADEAF | 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 #A1A898 to #EADEAF

#A1A898 #EADEAF

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

#A1A898 - #EADEAF | 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 #A1A898 as 0% and #EADEAF as 100%.

0.0%	0.0% #A1A898	RGB 161 168 152	#A1A898
16.7%	16.7% #ADB19B	RGB 173 177 155	#ADB19B
33.3%	33.3% #B9BA9F	RGB 185 186 159	#B9BA9F
50.0%	50.0% #C5C3A3	RGB 197 195 163	#C5C3A3
66.7%	66.7% #D1CCA7	RGB 209 204 167	#D1CCA7
83.3%	83.3% #DDD5AB	RGB 221 213 171	#DDD5AB
100.0%	100.0% #EADEAF	RGB 234 222 175	#EADEAF

#A1A898 #ADB19B #B9BA9F #C5C3A3 #D1CCA7 #DDD5AB #EADEAF

#A1A898 - #EADEAF

HSV Blend

#A1A898 - #EADEAF | 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 #A1A898 as 0% and #EADEAF as 100%.

0.0%	0.0% #A1A898	RGB 161 168 152	#A1A898
16.7%	16.7% #ABB39D	RGB 171 179 157	#ABB39D
33.3%	33.3% #B7BEA1	RGB 183 190 161	#B7BEA1
50.0%	50.0% #C4C9A6	RGB 196 201 166	#C4C9A6
66.7%	66.7% #D3D4A9	RGB 211 212 169	#D3D4A9
83.3%	83.3% #DFDAAC	RGB 223 218 172	#DFDAAC
100.0%	100.0% #EADEAF	RGB 234 222 175	#EADEAF

#A1A898 #ABB39D #B7BEA1 #C4C9A6 #D3D4A9 #DFDAAC #EADEAF

#A1A898 - #C4C9A6 - #EADEAF

CSS codes

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

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