#AFE7A8 - #324230 | 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 #AFE7A8 to #324230

#AFE7A8 #324230

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

#AFE7A8 - #324230 | 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 #AFE7A8 as 0% and #324230 as 100%.

0.0%	0.0% #AFE7A8	RGB 175 231 168	#AFE7A8
16.7%	16.7% #9ACB94	RGB 154 203 148	#9ACB94
33.3%	33.3% #85B080	RGB 133 176 128	#85B080
50.0%	50.0% #70946C	RGB 112 148 108	#70946C
66.7%	66.7% #5B7958	RGB 91 121 88	#5B7958
83.3%	83.3% #465D44	RGB 70 93 68	#465D44
100.0%	100.0% #324230	RGB 50 66 48	#324230

#AFE7A8 #9ACB94 #85B080 #70946C #5B7958 #465D44 #324230

#AFE7A8 - #324230

HSV Blend

#AFE7A8 - #324230 | 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 #AFE7A8 as 0% and #324230 as 100%.

0.0%	0.0% #AFE7A8	RGB 175 231 168	#AFE7A8
16.7%	16.7% #9ACB94	RGB 154 203 148	#9ACB94
33.3%	33.3% #85B080	RGB 133 176 128	#85B080
50.0%	50.0% #70946C	RGB 112 148 108	#70946C
66.7%	66.7% #5B7958	RGB 91 121 88	#5B7958
83.3%	83.3% #465D44	RGB 70 93 68	#465D44
100.0%	100.0% #324230	RGB 50 66 48	#324230

#AFE7A8 #9ACB94 #85B080 #70946C #5B7958 #465D44 #324230

#AFE7A8 - #70946C - #324230

CSS codes

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

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