#A8BCA2 - #F0E4B2 | 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 #A8BCA2 to #F0E4B2

#A8BCA2 #F0E4B2

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

#A8BCA2 - #F0E4B2 | 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 #A8BCA2 as 0% and #F0E4B2 as 100%.

0.0%	0.0% #A8BCA2	RGB 168 188 162	#A8BCA2
16.7%	16.7% #B4C2A4	RGB 180 194 164	#B4C2A4
33.3%	33.3% #C0C9A7	RGB 192 201 167	#C0C9A7
50.0%	50.0% #CCD0AA	RGB 204 208 170	#CCD0AA
66.7%	66.7% #D8D6AC	RGB 216 214 172	#D8D6AC
83.3%	83.3% #E4DDAF	RGB 228 221 175	#E4DDAF
100.0%	100.0% #F0E4B2	RGB 240 228 178	#F0E4B2

#A8BCA2 #B4C2A4 #C0C9A7 #CCD0AA #D8D6AC #E4DDAF #F0E4B2

#A8BCA2 - #F0E4B2

HSV Blend

#A8BCA2 - #F0E4B2 | 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 #A8BCA2 as 0% and #F0E4B2 as 100%.

0.0%	0.0% #A8BCA2	RGB 168 188 162	#A8BCA2
16.7%	16.7% #B1C4A5	RGB 177 196 165	#B1C4A5
33.3%	33.3% #BCCDA8	RGB 188 205 168	#BCCDA8
50.0%	50.0% #C9D6AB	RGB 201 214 171	#C9D6AB
66.7%	66.7% #D8DEAE	RGB 216 222 174	#D8DEAE
83.3%	83.3% #E7E5B0	RGB 231 229 176	#E7E5B0
100.0%	100.0% #F0E4B2	RGB 240 228 178	#F0E4B2

#A8BCA2 #B1C4A5 #BCCDA8 #C9D6AB #D8DEAE #E7E5B0 #F0E4B2

#A8BCA2 - #C9D6AB - #F0E4B2

CSS codes

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

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