#837B7F - #5E2751 | 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 #837B7F to #5E2751

#837B7F #5E2751

Calculate the color between two colors, #837B7F and #5E2751. 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)

#837B7F - #5E2751 | 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 #837B7F as 0% and #5E2751 as 100%.

0.0%	0.0% #837B7F	RGB 131 123 127	#837B7F
16.7%	16.7% #7C6D77	RGB 124 109 119	#7C6D77
33.3%	33.3% #765F6F	RGB 118 95 111	#765F6F
50.0%	50.0% #705168	RGB 112 81 104	#705168
66.7%	66.7% #6A4360	RGB 106 67 96	#6A4360
83.3%	83.3% #643558	RGB 100 53 88	#643558
100.0%	100.0% #5E2751	RGB 94 39 81	#5E2751

#837B7F #7C6D77 #765F6F #705168 #6A4360 #643558 #5E2751

#837B7F - #5E2751

HSV Blend

#837B7F - #5E2751 | 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 #837B7F as 0% and #5E2751 as 100%.

0.0%	0.0% #837B7F	RGB 131 123 127	#837B7F
16.7%	16.7% #7C6A74	RGB 124 106 116	#7C6A74
33.3%	33.3% #765A6B	RGB 118 90 107	#765A6B
50.0%	50.0% #704C63	RGB 112 76 99	#704C63
66.7%	66.7% #6A3E5C	RGB 106 62 92	#6A3E5C
83.3%	83.3% #643256	RGB 100 50 86	#643256
100.0%	100.0% #5E2751	RGB 94 39 81	#5E2751

#837B7F #7C6A74 #765A6B #704C63 #6A3E5C #643256 #5E2751

#837B7F - #704C63 - #5E2751

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #837B7F 0%, #704C63 50%, #5E2751 100%);
    background: -webkit-linear-gradient(top, #837B7F 0%, #704C63 50%, #5E2751 100%);
    background: linear-gradient(to bottom, #837B7F 0%, #704C63 50%, #5E2751 100%);
}
</style>