#7E5E79 - #5B162A | 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 #7E5E79 to #5B162A

#7E5E79 #5B162A

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

#7E5E79 - #5B162A | 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 #7E5E79 as 0% and #5B162A as 100%.

0.0%	0.0% #7E5E79	RGB 126 94 121	#7E5E79
16.7%	16.7% #78526B	RGB 120 82 107	#78526B
33.3%	33.3% #72465E	RGB 114 70 94	#72465E
50.0%	50.0% #6C3A51	RGB 108 58 81	#6C3A51
66.7%	66.7% #662E44	RGB 102 46 68	#662E44
83.3%	83.3% #602237	RGB 96 34 55	#602237
100.0%	100.0% #5B162A	RGB 91 22 42	#5B162A

#7E5E79 #78526B #72465E #6C3A51 #662E44 #602237 #5B162A

#7E5E79 - #5B162A

HSV Blend

#7E5E79 - #5B162A | 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 #7E5E79 as 0% and #5B162A as 100%.

0.0%	0.0% #7E5E79	RGB 126 94 121	#7E5E79
16.7%	16.7% #784F6E	RGB 120 79 110	#784F6E
33.3%	33.3% #724261	RGB 114 66 97	#724261
50.0%	50.0% #6C3554	RGB 108 53 84	#6C3554
66.7%	66.7% #662A46	RGB 102 42 70	#662A46
83.3%	83.3% #601F38	RGB 96 31 56	#601F38
100.0%	100.0% #5B162A	RGB 91 22 42	#5B162A

#7E5E79 #784F6E #724261 #6C3554 #662A46 #601F38 #5B162A

#7E5E79 - #6C3554 - #5B162A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E5E79 0%, #6C3554 50%, #5B162A 100%);
    background: -webkit-linear-gradient(top, #7E5E79 0%, #6C3554 50%, #5B162A 100%);
    background: linear-gradient(to bottom, #7E5E79 0%, #6C3554 50%, #5B162A 100%);
}
</style>