#7E676D - #5E1B33 | 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 #7E676D to #5E1B33

#7E676D #5E1B33

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

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

0.0%	0.0% #7E676D	RGB 126 103 109	#7E676D
16.7%	16.7% #785A63	RGB 120 90 99	#785A63
33.3%	33.3% #734D59	RGB 115 77 89	#734D59
50.0%	50.0% #6E4150	RGB 110 65 80	#6E4150
66.7%	66.7% #683446	RGB 104 52 70	#683446
83.3%	83.3% #63273C	RGB 99 39 60	#63273C
100.0%	100.0% #5E1B33	RGB 94 27 51	#5E1B33

#7E676D #785A63 #734D59 #6E4150 #683446 #63273C #5E1B33

#7E676D - #5E1B33

HSV Blend

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

0.0%	0.0% #7E676D	RGB 126 103 109	#7E676D
16.7%	16.7% #785761	RGB 120 87 97	#785761
33.3%	33.3% #734956	RGB 115 73 86	#734956
50.0%	50.0% #6E3C4C	RGB 110 60 76	#6E3C4C
66.7%	66.7% #683042	RGB 104 48 66	#683042
83.3%	83.3% #63253A	RGB 99 37 58	#63253A
100.0%	100.0% #5E1B33	RGB 94 27 51	#5E1B33

#7E676D #785761 #734956 #6E3C4C #683042 #63253A #5E1B33

#7E676D - #6E3C4C - #5E1B33

CSS codes

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

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