#AF8C8C - #944237 | 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 #AF8C8C to #944237

#AF8C8C #944237

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

#AF8C8C - #944237 | 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 #AF8C8C as 0% and #944237 as 100%.

0.0%	0.0% #AF8C8C	RGB 175 140 140	#AF8C8C
16.7%	16.7% #AA7F7D	RGB 170 127 125	#AA7F7D
33.3%	33.3% #A6736F	RGB 166 115 111	#A6736F
50.0%	50.0% #A16761	RGB 161 103 97	#A16761
66.7%	66.7% #9D5A53	RGB 157 90 83	#9D5A53
83.3%	83.3% #984E45	RGB 152 78 69	#984E45
100.0%	100.0% #944237	RGB 148 66 55	#944237

#AF8C8C #AA7F7D #A6736F #A16761 #9D5A53 #984E45 #944237

#AF8C8C - #944237

HSV Blend

#AF8C8C - #944237 | 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 #AF8C8C as 0% and #944237 as 100%.

0.0%	0.0% #AF8C8C	RGB 175 140 140	#AF8C8C
16.7%	16.7% #AA7D7C	RGB 170 125 124	#AA7D7C
33.3%	33.3% #A66F6D	RGB 166 111 109	#A66F6D
50.0%	50.0% #A1625E	RGB 161 98 94	#A1625E
66.7%	66.7% #9D5650	RGB 157 86 80	#9D5650
83.3%	83.3% #984B43	RGB 152 75 67	#984B43
100.0%	100.0% #944237	RGB 148 66 55	#944237

#AF8C8C #AA7D7C #A66F6D #A1625E #9D5650 #984B43 #944237

#AF8C8C - #A1625E - #944237

CSS codes

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

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