#AFB6B2 - #59836E | 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 #AFB6B2 to #59836E

#AFB6B2 #59836E

Calculate the color between two colors, #AFB6B2 and #59836E. 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)

#AFB6B2 - #59836E | 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 #AFB6B2 as 0% and #59836E as 100%.

0.0%	0.0% #AFB6B2	RGB 175 182 178	#AFB6B2
16.7%	16.7% #A0ADA6	RGB 160 173 166	#A0ADA6
33.3%	33.3% #92A59B	RGB 146 165 155	#92A59B
50.0%	50.0% #849C90	RGB 132 156 144	#849C90
66.7%	66.7% #759484	RGB 117 148 132	#759484
83.3%	83.3% #678B79	RGB 103 139 121	#678B79
100.0%	100.0% #59836E	RGB 89 131 110	#59836E

#AFB6B2 #A0ADA6 #92A59B #849C90 #759484 #678B79 #59836E

#AFB6B2 - #59836E

HSV Blend

#AFB6B2 - #59836E | 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 #AFB6B2 as 0% and #59836E as 100%.

0.0%	0.0% #AFB6B2	RGB 175 182 178	#AFB6B2
16.7%	16.7% #9EADA5	RGB 158 173 165	#9EADA5
33.3%	33.3% #8FA599	RGB 143 165 153	#8FA599
50.0%	50.0% #809C8D	RGB 128 156 141	#809C8D
66.7%	66.7% #729482	RGB 114 148 130	#729482
83.3%	83.3% #658B77	RGB 101 139 119	#658B77
100.0%	100.0% #59836E	RGB 89 131 110	#59836E

#AFB6B2 #9EADA5 #8FA599 #809C8D #729482 #658B77 #59836E

#AFB6B2 - #809C8D - #59836E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFB6B2 0%, #809C8D 50%, #59836E 100%);
    background: -webkit-linear-gradient(top, #AFB6B2 0%, #809C8D 50%, #59836E 100%);
    background: linear-gradient(to bottom, #AFB6B2 0%, #809C8D 50%, #59836E 100%);
}
</style>