#7B5E75 - #231A20 | 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 #7B5E75 to #231A20

#7B5E75 #231A20

Calculate the color between two colors, #7B5E75 and #231A20. 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)

#7B5E75 - #231A20 | 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 #7B5E75 as 0% and #231A20 as 100%.

0.0%	0.0% #7B5E75	RGB 123 94 117	#7B5E75
16.7%	16.7% #6C5266	RGB 108 82 102	#6C5266
33.3%	33.3% #5D4758	RGB 93 71 88	#5D4758
50.0%	50.0% #4F3C4A	RGB 79 60 74	#4F3C4A
66.7%	66.7% #40303C	RGB 64 48 60	#40303C
83.3%	83.3% #31252E	RGB 49 37 46	#31252E
100.0%	100.0% #231A20	RGB 35 26 32	#231A20

#7B5E75 #6C5266 #5D4758 #4F3C4A #40303C #31252E #231A20

#7B5E75 - #231A20

HSV Blend

#7B5E75 - #231A20 | 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 #7B5E75 as 0% and #231A20 as 100%.

0.0%	0.0% #7B5E75	RGB 123 94 117	#7B5E75
16.7%	16.7% #6C5266	RGB 108 82 102	#6C5266
33.3%	33.3% #5D4658	RGB 93 70 88	#5D4658
50.0%	50.0% #4F3B49	RGB 79 59 73	#4F3B49
66.7%	66.7% #40303B	RGB 64 48 59	#40303B
83.3%	83.3% #31252D	RGB 49 37 45	#31252D
100.0%	100.0% #231A20	RGB 35 26 32	#231A20

#7B5E75 #6C5266 #5D4658 #4F3B49 #40303B #31252D #231A20

#7B5E75 - #4F3B49 - #231A20

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7B5E75 0%, #4F3B49 50%, #231A20 100%);
    background: -webkit-linear-gradient(top, #7B5E75 0%, #4F3B49 50%, #231A20 100%);
    background: linear-gradient(to bottom, #7B5E75 0%, #4F3B49 50%, #231A20 100%);
}
</style>