#A8A848 - #FFDA67 | 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 #A8A848 to #FFDA67

#A8A848 #FFDA67

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

#A8A848 - #FFDA67 | 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 #A8A848 as 0% and #FFDA67 as 100%.

0.0%	0.0% #A8A848	RGB 168 168 72	#A8A848
16.7%	16.7% #B6B04D	RGB 182 176 77	#B6B04D
33.3%	33.3% #C5B852	RGB 197 184 82	#C5B852
50.0%	50.0% #D3C157	RGB 211 193 87	#D3C157
66.7%	66.7% #E2C95C	RGB 226 201 92	#E2C95C
83.3%	83.3% #F0D161	RGB 240 209 97	#F0D161
100.0%	100.0% #FFDA67	RGB 255 218 103	#FFDA67

#A8A848 #B6B04D #C5B852 #D3C157 #E2C95C #F0D161 #FFDA67

#A8A848 - #FFDA67

HSV Blend

#A8A848 - #FFDA67 | 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 #A8A848 as 0% and #FFDA67 as 100%.

0.0%	0.0% #A8A848	RGB 168 168 72	#A8A848
16.7%	16.7% #B6B24D	RGB 182 178 77	#B6B24D
33.3%	33.3% #C5BB52	RGB 197 187 82	#C5BB52
50.0%	50.0% #D3C458	RGB 211 196 88	#D3C458
66.7%	66.7% #E2CC5D	RGB 226 204 93	#E2CC5D
83.3%	83.3% #F0D362	RGB 240 211 98	#F0D362
100.0%	100.0% #FFDA67	RGB 255 218 103	#FFDA67

#A8A848 #B6B24D #C5BB52 #D3C458 #E2CC5D #F0D362 #FFDA67

#A8A848 - #D3C458 - #FFDA67

CSS codes

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

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