#AFCCAF - #5BA85B | 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 #AFCCAF to #5BA85B

#AFCCAF #5BA85B

Calculate the color between two colors, #AFCCAF and #5BA85B. 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)

#AFCCAF - #5BA85B | 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 #AFCCAF as 0% and #5BA85B as 100%.

0.0%	0.0% #AFCCAF	RGB 175 204 175	#AFCCAF
16.7%	16.7% #A1C6A1	RGB 161 198 161	#A1C6A1
33.3%	33.3% #93C093	RGB 147 192 147	#93C093
50.0%	50.0% #85BA85	RGB 133 186 133	#85BA85
66.7%	66.7% #77B477	RGB 119 180 119	#77B477
83.3%	83.3% #69AE69	RGB 105 174 105	#69AE69
100.0%	100.0% #5BA85B	RGB 91 168 91	#5BA85B

#AFCCAF #A1C6A1 #93C093 #85BA85 #77B477 #69AE69 #5BA85B

#AFCCAF - #5BA85B

HSV Blend

#AFCCAF - #5BA85B | 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 #AFCCAF as 0% and #5BA85B as 100%.

0.0%	0.0% #AFCCAF	RGB 175 204 175	#AFCCAF
16.7%	16.7% #9FC69F	RGB 159 198 159	#9FC69F
33.3%	33.3% #90C090	RGB 144 192 144	#90C090
50.0%	50.0% #82BA82	RGB 130 186 130	#82BA82
66.7%	66.7% #74B474	RGB 116 180 116	#74B474
83.3%	83.3% #67AE67	RGB 103 174 103	#67AE67
100.0%	100.0% #5BA85B	RGB 91 168 91	#5BA85B

#AFCCAF #9FC69F #90C090 #82BA82 #74B474 #67AE67 #5BA85B

#AFCCAF - #82BA82 - #5BA85B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFCCAF 0%, #82BA82 50%, #5BA85B 100%);
    background: -webkit-linear-gradient(top, #AFCCAF 0%, #82BA82 50%, #5BA85B 100%);
    background: linear-gradient(to bottom, #AFCCAF 0%, #82BA82 50%, #5BA85B 100%);
}
</style>