#B28C8C - #974237 | 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 #B28C8C to #974237

#B28C8C #974237

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

#B28C8C - #974237 | 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 #B28C8C as 0% and #974237 as 100%.

0.0%	0.0% #B28C8C	RGB 178 140 140	#B28C8C
16.7%	16.7% #AD7F7D	RGB 173 127 125	#AD7F7D
33.3%	33.3% #A9736F	RGB 169 115 111	#A9736F
50.0%	50.0% #A46761	RGB 164 103 97	#A46761
66.7%	66.7% #A05A53	RGB 160 90 83	#A05A53
83.3%	83.3% #9B4E45	RGB 155 78 69	#9B4E45
100.0%	100.0% #974237	RGB 151 66 55	#974237

#B28C8C #AD7F7D #A9736F #A46761 #A05A53 #9B4E45 #974237

#B28C8C - #974237

HSV Blend

#B28C8C - #974237 | 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 #B28C8C as 0% and #974237 as 100%.

0.0%	0.0% #B28C8C	RGB 178 140 140	#B28C8C
16.7%	16.7% #AD7D7C	RGB 173 125 124	#AD7D7C
33.3%	33.3% #A96F6D	RGB 169 111 109	#A96F6D
50.0%	50.0% #A4625E	RGB 164 98 94	#A4625E
66.7%	66.7% #A05650	RGB 160 86 80	#A05650
83.3%	83.3% #9B4B43	RGB 155 75 67	#9B4B43
100.0%	100.0% #974237	RGB 151 66 55	#974237

#B28C8C #AD7D7C #A96F6D #A4625E #A05650 #9B4B43 #974237

#B28C8C - #A4625E - #974237

CSS codes

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

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