#A6AF67 - #FCE28C | 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 #A6AF67 to #FCE28C

#A6AF67 #FCE28C

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

#A6AF67 - #FCE28C | 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 #A6AF67 as 0% and #FCE28C as 100%.

0.0%	0.0% #A6AF67	RGB 166 175 103	#A6AF67
16.7%	16.7% #B4B76D	RGB 180 183 109	#B4B76D
33.3%	33.3% #C2C073	RGB 194 192 115	#C2C073
50.0%	50.0% #D1C879	RGB 209 200 121	#D1C879
66.7%	66.7% #DFD17F	RGB 223 209 127	#DFD17F
83.3%	83.3% #EDD985	RGB 237 217 133	#EDD985
100.0%	100.0% #FCE28C	RGB 252 226 140	#FCE28C

#A6AF67 #B4B76D #C2C073 #D1C879 #DFD17F #EDD985 #FCE28C

#A6AF67 - #FCE28C

HSV Blend

#A6AF67 - #FCE28C | 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 #A6AF67 as 0% and #FCE28C as 100%.

0.0%	0.0% #A6AF67	RGB 166 175 103	#A6AF67
16.7%	16.7% #B6BB6D	RGB 182 187 109	#B6BB6D
33.3%	33.3% #C8C873	RGB 200 200 115	#C8C873
50.0%	50.0% #D5D07A	RGB 213 208 122	#D5D07A
66.7%	66.7% #E2D780	RGB 226 215 128	#E2D780
83.3%	83.3% #EFDD86	RGB 239 221 134	#EFDD86
100.0%	100.0% #FCE28C	RGB 252 226 140	#FCE28C

#A6AF67 #B6BB6D #C8C873 #D5D07A #E2D780 #EFDD86 #FCE28C

#A6AF67 - #D5D07A - #FCE28C

CSS codes

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

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