#512732 - #B36451 | 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 #512732 to #B36451

#512732 #B36451

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

#512732 - #B36451 | 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 #512732 as 0% and #B36451 as 100%.

0.0%	0.0% #512732	RGB 81 39 50	#512732
16.7%	16.7% #613137	RGB 97 49 55	#613137
33.3%	33.3% #713B3C	RGB 113 59 60	#713B3C
50.0%	50.0% #824541	RGB 130 69 65	#824541
66.7%	66.7% #924F46	RGB 146 79 70	#924F46
83.3%	83.3% #A2594B	RGB 162 89 75	#A2594B
100.0%	100.0% #B36451	RGB 179 100 81	#B36451

#512732 #613137 #713B3C #824541 #924F46 #A2594B #B36451

#512732 - #B36451

HSV Blend

#512732 - #B36451 | 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 #512732 as 0% and #B36451 as 100%.

0.0%	0.0% #512732	RGB 81 39 50	#512732
16.7%	16.7% #612E37	RGB 97 46 55	#612E37
33.3%	33.3% #71353C	RGB 113 53 60	#71353C
50.0%	50.0% #823C3F	RGB 130 60 63	#823C3F
66.7%	66.7% #924643	RGB 146 70 67	#924643
83.3%	83.3% #A2544A	RGB 162 84 74	#A2544A
100.0%	100.0% #B36451	RGB 179 100 81	#B36451

#512732 #612E37 #71353C #823C3F #924643 #A2544A #B36451

#512732 - #823C3F - #B36451

CSS codes

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

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