#A8ABA2 - #FEFFB2 | 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 #A8ABA2 to #FEFFB2

#A8ABA2 #FEFFB2

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

#A8ABA2 - #FEFFB2 | 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 #A8ABA2 as 0% and #FEFFB2 as 100%.

0.0%	0.0% #A8ABA2	RGB 168 171 162	#A8ABA2
16.7%	16.7% #B6B9A4	RGB 182 185 164	#B6B9A4
33.3%	33.3% #C4C7A7	RGB 196 199 167	#C4C7A7
50.0%	50.0% #D3D5AA	RGB 211 213 170	#D3D5AA
66.7%	66.7% #E1E3AC	RGB 225 227 172	#E1E3AC
83.3%	83.3% #EFF1AF	RGB 239 241 175	#EFF1AF
100.0%	100.0% #FEFFB2	RGB 254 255 178	#FEFFB2

#A8ABA2 #B6B9A4 #C4C7A7 #D3D5AA #E1E3AC #EFF1AF #FEFFB2

#A8ABA2 - #FEFFB2

HSV Blend

#A8ABA2 - #FEFFB2 | 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 #A8ABA2 as 0% and #FEFFB2 as 100%.

0.0%	0.0% #A8ABA2	RGB 168 171 162	#A8ABA2
16.7%	16.7% #B4B9A7	RGB 180 185 167	#B4B9A7
33.3%	33.3% #C0C7AB	RGB 192 199 171	#C0C7AB
50.0%	50.0% #CED5AF	RGB 206 213 175	#CED5AF
66.7%	66.7% #DDE3B1	RGB 221 227 177	#DDE3B1
83.3%	83.3% #ECF1B2	RGB 236 241 178	#ECF1B2
100.0%	100.0% #FEFFB2	RGB 254 255 178	#FEFFB2

#A8ABA2 #B4B9A7 #C0C7AB #CED5AF #DDE3B1 #ECF1B2 #FEFFB2

#A8ABA2 - #CED5AF - #FEFFB2

CSS codes

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

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