#ACF99B - #31472C | 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 #ACF99B to #31472C

#ACF99B #31472C

Calculate the color between two colors, #ACF99B and #31472C. 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)

#ACF99B - #31472C | 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 #ACF99B as 0% and #31472C as 100%.

0.0%	0.0% #ACF99B	RGB 172 249 155	#ACF99B
16.7%	16.7% #97DB88	RGB 151 219 136	#97DB88
33.3%	33.3% #83BD76	RGB 131 189 118	#83BD76
50.0%	50.0% #6EA063	RGB 110 160 99	#6EA063
66.7%	66.7% #5A8251	RGB 90 130 81	#5A8251
83.3%	83.3% #45643E	RGB 69 100 62	#45643E
100.0%	100.0% #31472C	RGB 49 71 44	#31472C

#ACF99B #97DB88 #83BD76 #6EA063 #5A8251 #45643E #31472C

#ACF99B - #31472C

HSV Blend

#ACF99B - #31472C | 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 #ACF99B as 0% and #31472C as 100%.

0.0%	0.0% #ACF99B	RGB 172 249 155	#ACF99B
16.7%	16.7% #97DB88	RGB 151 219 136	#97DB88
33.3%	33.3% #82BD75	RGB 130 189 117	#82BD75
50.0%	50.0% #6EA063	RGB 110 160 99	#6EA063
66.7%	66.7% #598250	RGB 89 130 80	#598250
83.3%	83.3% #45643E	RGB 69 100 62	#45643E
100.0%	100.0% #31472C	RGB 49 71 44	#31472C

#ACF99B #97DB88 #82BD75 #6EA063 #598250 #45643E #31472C

#ACF99B - #6EA063 - #31472C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ACF99B 0%, #6EA063 50%, #31472C 100%);
    background: -webkit-linear-gradient(top, #ACF99B 0%, #6EA063 50%, #31472C 100%);
    background: linear-gradient(to bottom, #ACF99B 0%, #6EA063 50%, #31472C 100%);
}
</style>