#AFC3C2 - #323737 | 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 #AFC3C2 to #323737

#AFC3C2 #323737

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

#AFC3C2 - #323737 | 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 #AFC3C2 as 0% and #323737 as 100%.

0.0%	0.0% #AFC3C2	RGB 175 195 194	#AFC3C2
16.7%	16.7% #9AABAA	RGB 154 171 170	#9AABAA
33.3%	33.3% #859493	RGB 133 148 147	#859493
50.0%	50.0% #707D7C	RGB 112 125 124	#707D7C
66.7%	66.7% #5B6565	RGB 91 101 101	#5B6565
83.3%	83.3% #464E4E	RGB 70 78 78	#464E4E
100.0%	100.0% #323737	RGB 50 55 55	#323737

#AFC3C2 #9AABAA #859493 #707D7C #5B6565 #464E4E #323737

#AFC3C2 - #323737

HSV Blend

#AFC3C2 - #323737 | 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 #AFC3C2 as 0% and #323737 as 100%.

0.0%	0.0% #AFC3C2	RGB 175 195 194	#AFC3C2
16.7%	16.7% #9AABAA	RGB 154 171 170	#9AABAA
33.3%	33.3% #859493	RGB 133 148 147	#859493
50.0%	50.0% #707D7C	RGB 112 125 124	#707D7C
66.7%	66.7% #5C6565	RGB 92 101 101	#5C6565
83.3%	83.3% #474E4E	RGB 71 78 78	#474E4E
100.0%	100.0% #323737	RGB 50 55 55	#323737

#AFC3C2 #9AABAA #859493 #707D7C #5C6565 #474E4E #323737

#AFC3C2 - #707D7C - #323737

CSS codes

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

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