#A8A348 - #ACF99C | 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 #A8A348 to #ACF99C

#A8A348 #ACF99C

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

#A8A348 - #ACF99C | 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 #A8A348 as 0% and #ACF99C as 100%.

0.0%	0.0% #A8A348	RGB 168 163 72	#A8A348
16.7%	16.7% #A8B156	RGB 168 177 86	#A8B156
33.3%	33.3% #A9BF64	RGB 169 191 100	#A9BF64
50.0%	50.0% #AACE72	RGB 170 206 114	#AACE72
66.7%	66.7% #AADC80	RGB 170 220 128	#AADC80
83.3%	83.3% #ABEA8E	RGB 171 234 142	#ABEA8E
100.0%	100.0% #ACF99C	RGB 172 249 156	#ACF99C

#A8A348 #A8B156 #A9BF64 #AACE72 #AADC80 #ABEA8E #ACF99C

#A8A348 - #ACF99C

HSV Blend

#A8A348 - #ACF99C | 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 #A8A348 as 0% and #ACF99C as 100%.

0.0%	0.0% #A8A348	RGB 168 163 72	#A8A348
16.7%	16.7% #ACB553	RGB 172 181 83	#ACB553
33.3%	33.3% #ABC360	RGB 171 195 96	#ABC360
50.0%	50.0% #AAD06D	RGB 170 208 109	#AAD06D
66.7%	66.7% #A9DE7C	RGB 169 222 124	#A9DE7C
83.3%	83.3% #AAEB8B	RGB 170 235 139	#AAEB8B
100.0%	100.0% #ACF99C	RGB 172 249 156	#ACF99C

#A8A348 #ACB553 #ABC360 #AAD06D #A9DE7C #AAEB8B #ACF99C

#A8A348 - #AAD06D - #ACF99C

CSS codes

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

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