#A8BBA2 - #EFE4B2 | 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 #A8BBA2 to #EFE4B2

#A8BBA2 #EFE4B2

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

#A8BBA2 - #EFE4B2 | 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 #A8BBA2 as 0% and #EFE4B2 as 100%.

0.0%	0.0% #A8BBA2	RGB 168 187 162	#A8BBA2
16.7%	16.7% #B3C1A4	RGB 179 193 164	#B3C1A4
33.3%	33.3% #BFC8A7	RGB 191 200 167	#BFC8A7
50.0%	50.0% #CBCFAA	RGB 203 207 170	#CBCFAA
66.7%	66.7% #D7D6AC	RGB 215 214 172	#D7D6AC
83.3%	83.3% #E3DDAF	RGB 227 221 175	#E3DDAF
100.0%	100.0% #EFE4B2	RGB 239 228 178	#EFE4B2

#A8BBA2 #B3C1A4 #BFC8A7 #CBCFAA #D7D6AC #E3DDAF #EFE4B2

#A8BBA2 - #EFE4B2

HSV Blend

#A8BBA2 - #EFE4B2 | 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 #A8BBA2 as 0% and #EFE4B2 as 100%.

0.0%	0.0% #A8BBA2	RGB 168 187 162	#A8BBA2
16.7%	16.7% #B1C3A5	RGB 177 195 165	#B1C3A5
33.3%	33.3% #BCCCA8	RGB 188 204 168	#BCCCA8
50.0%	50.0% #C8D5AB	RGB 200 213 171	#C8D5AB
66.7%	66.7% #D7DDAE	RGB 215 221 174	#D7DDAE
83.3%	83.3% #E6E5B0	RGB 230 229 176	#E6E5B0
100.0%	100.0% #EFE4B2	RGB 239 228 178	#EFE4B2

#A8BBA2 #B1C3A5 #BCCCA8 #C8D5AB #D7DDAE #E6E5B0 #EFE4B2

#A8BBA2 - #C8D5AB - #EFE4B2

CSS codes

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

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