#A8AF67 - #FCE28D | 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 #A8AF67 to #FCE28D

#A8AF67 #FCE28D

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

#A8AF67 - #FCE28D | 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 #A8AF67 as 0% and #FCE28D as 100%.

0.0%	0.0% #A8AF67	RGB 168 175 103	#A8AF67
16.7%	16.7% #B6B76D	RGB 182 183 109	#B6B76D
33.3%	33.3% #C4C073	RGB 196 192 115	#C4C073
50.0%	50.0% #D2C87A	RGB 210 200 122	#D2C87A
66.7%	66.7% #E0D180	RGB 224 209 128	#E0D180
83.3%	83.3% #EED986	RGB 238 217 134	#EED986
100.0%	100.0% #FCE28D	RGB 252 226 141	#FCE28D

#A8AF67 #B6B76D #C4C073 #D2C87A #E0D180 #EED986 #FCE28D

#A8AF67 - #FCE28D

HSV Blend

#A8AF67 - #FCE28D | 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 #A8AF67 as 0% and #FCE28D as 100%.

0.0%	0.0% #A8AF67	RGB 168 175 103	#A8AF67
16.7%	16.7% #B8BB6D	RGB 184 187 109	#B8BB6D
33.3%	33.3% #C8C774	RGB 200 199 116	#C8C774
50.0%	50.0% #D5CF7A	RGB 213 207 122	#D5CF7A
66.7%	66.7% #E2D680	RGB 226 214 128	#E2D680
83.3%	83.3% #EFDC86	RGB 239 220 134	#EFDC86
100.0%	100.0% #FCE28D	RGB 252 226 141	#FCE28D

#A8AF67 #B8BB6D #C8C774 #D5CF7A #E2D680 #EFDC86 #FCE28D

#A8AF67 - #D5CF7A - #FCE28D

CSS codes

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

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