#504343 - #C28F72 | 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 #504343 to #C28F72

#504343 #C28F72

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

#504343 - #C28F72 | 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 #504343 as 0% and #C28F72 as 100%.

0.0%	0.0% #504343	RGB 80 67 67	#504343
16.7%	16.7% #634F4A	RGB 99 79 74	#634F4A
33.3%	33.3% #765C52	RGB 118 92 82	#765C52
50.0%	50.0% #89695A	RGB 137 105 90	#89695A
66.7%	66.7% #9C7562	RGB 156 117 98	#9C7562
83.3%	83.3% #AF826A	RGB 175 130 106	#AF826A
100.0%	100.0% #C28F72	RGB 194 143 114	#C28F72

#504343 #634F4A #765C52 #89695A #9C7562 #AF826A #C28F72

#504343 - #C28F72

HSV Blend

#504343 - #C28F72 | 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 #504343 as 0% and #C28F72 as 100%.

0.0%	0.0% #504343	RGB 80 67 67	#504343
16.7%	16.7% #63504E	RGB 99 80 78	#63504E
33.3%	33.3% #765C58	RGB 118 92 88	#765C58
50.0%	50.0% #896861	RGB 137 104 97	#896861
66.7%	66.7% #9C7568	RGB 156 117 104	#9C7568
83.3%	83.3% #AF816E	RGB 175 129 110	#AF816E
100.0%	100.0% #C28F72	RGB 194 143 114	#C28F72

#504343 #63504E #765C58 #896861 #9C7568 #AF816E #C28F72

#504343 - #896861 - #C28F72

CSS codes

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

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