#AFC28C - #849C39 | 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 #AFC28C to #849C39

#AFC28C #849C39

Calculate the color between two colors, #AFC28C and #849C39. 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)

#AFC28C - #849C39 | 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 #AFC28C as 0% and #849C39 as 100%.

0.0%	0.0% #AFC28C	RGB 175 194 140	#AFC28C
16.7%	16.7% #A7BB7E	RGB 167 187 126	#A7BB7E
33.3%	33.3% #A0B570	RGB 160 181 112	#A0B570
50.0%	50.0% #99AF62	RGB 153 175 98	#99AF62
66.7%	66.7% #92A854	RGB 146 168 84	#92A854
83.3%	83.3% #8BA246	RGB 139 162 70	#8BA246
100.0%	100.0% #849C39	RGB 132 156 57	#849C39

#AFC28C #A7BB7E #A0B570 #99AF62 #92A854 #8BA246 #849C39

#AFC28C - #849C39

HSV Blend

#AFC28C - #849C39 | 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 #AFC28C as 0% and #849C39 as 100%.

0.0%	0.0% #AFC28C	RGB 175 194 140	#AFC28C
16.7%	16.7% #A6BB7C	RGB 166 187 124	#A6BB7C
33.3%	33.3% #9EB56D	RGB 158 181 109	#9EB56D
50.0%	50.0% #97AF5F	RGB 151 175 95	#97AF5F
66.7%	66.7% #90A851	RGB 144 168 81	#90A851
83.3%	83.3% #89A244	RGB 137 162 68	#89A244
100.0%	100.0% #849C39	RGB 132 156 57	#849C39

#AFC28C #A6BB7C #9EB56D #97AF5F #90A851 #89A244 #849C39

#AFC28C - #97AF5F - #849C39

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFC28C 0%, #97AF5F 50%, #849C39 100%);
    background: -webkit-linear-gradient(top, #AFC28C 0%, #97AF5F 50%, #849C39 100%);
    background: linear-gradient(to bottom, #AFC28C 0%, #97AF5F 50%, #849C39 100%);
}
</style>