#83767E - #5E2B30 | 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 #83767E to #5E2B30

#83767E #5E2B30

Calculate the color between two colors, #83767E and #5E2B30. 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)

#83767E - #5E2B30 | 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 #83767E as 0% and #5E2B30 as 100%.

0.0%	0.0% #83767E	RGB 131 118 126	#83767E
16.7%	16.7% #7C6971	RGB 124 105 113	#7C6971
33.3%	33.3% #765D64	RGB 118 93 100	#765D64
50.0%	50.0% #705057	RGB 112 80 87	#705057
66.7%	66.7% #6A444A	RGB 106 68 74	#6A444A
83.3%	83.3% #64373D	RGB 100 55 61	#64373D
100.0%	100.0% #5E2B30	RGB 94 43 48	#5E2B30

#83767E #7C6971 #765D64 #705057 #6A444A #64373D #5E2B30

#83767E - #5E2B30

HSV Blend

#83767E - #5E2B30 | 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 #83767E as 0% and #5E2B30 as 100%.

0.0%	0.0% #83767E	RGB 131 118 126	#83767E
16.7%	16.7% #7C6772	RGB 124 103 114	#7C6772
33.3%	33.3% #765966	RGB 118 89 102	#765966
50.0%	50.0% #704C59	RGB 112 76 89	#704C59
66.7%	66.7% #6A404B	RGB 106 64 75	#6A404B
83.3%	83.3% #64353D	RGB 100 53 61	#64353D
100.0%	100.0% #5E2B30	RGB 94 43 48	#5E2B30

#83767E #7C6772 #765966 #704C59 #6A404B #64353D #5E2B30

#83767E - #704C59 - #5E2B30

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #83767E 0%, #704C59 50%, #5E2B30 100%);
    background: -webkit-linear-gradient(top, #83767E 0%, #704C59 50%, #5E2B30 100%);
    background: linear-gradient(to bottom, #83767E 0%, #704C59 50%, #5E2B30 100%);
}
</style>