#A8AB15 - #E6E7BC | 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 #A8AB15 to #E6E7BC

#A8AB15 #E6E7BC

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

#A8AB15 - #E6E7BC | 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 #A8AB15 as 0% and #E6E7BC as 100%.

0.0%	0.0% #A8AB15	RGB 168 171 21	#A8AB15
16.7%	16.7% #B2B530	RGB 178 181 48	#B2B530
33.3%	33.3% #BCBF4C	RGB 188 191 76	#BCBF4C
50.0%	50.0% #C7C968	RGB 199 201 104	#C7C968
66.7%	66.7% #D1D384	RGB 209 211 132	#D1D384
83.3%	83.3% #DBDDA0	RGB 219 221 160	#DBDDA0
100.0%	100.0% #E6E7BC	RGB 230 231 188	#E6E7BC

#A8AB15 #B2B530 #BCBF4C #C7C968 #D1D384 #DBDDA0 #E6E7BC

#A8AB15 - #E6E7BC

HSV Blend

#A8AB15 - #E6E7BC | 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 #A8AB15 as 0% and #E6E7BC as 100%.

0.0%	0.0% #A8AB15	RGB 168 171 21	#A8AB15
16.7%	16.7% #B2B52B	RGB 178 181 43	#B2B52B
33.3%	33.3% #BCBF43	RGB 188 191 67	#BCBF43
50.0%	50.0% #C6C95E	RGB 198 201 94	#C6C95E
66.7%	66.7% #D1D37B	RGB 209 211 123	#D1D37B
83.3%	83.3% #DBDD9A	RGB 219 221 154	#DBDD9A
100.0%	100.0% #E6E7BC	RGB 230 231 188	#E6E7BC

#A8AB15 #B2B52B #BCBF43 #C6C95E #D1D37B #DBDD9A #E6E7BC

#A8AB15 - #C6C95E - #E6E7BC

CSS codes

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

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