#7E7E7E - #702940 | 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 #7E7E7E to #702940

#7E7E7E #702940

Calculate the color between two colors, #7E7E7E and #702940. 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)

#7E7E7E - #702940 | 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 #7E7E7E as 0% and #702940 as 100%.

0.0%	0.0% #7E7E7E	RGB 126 126 126	#7E7E7E
16.7%	16.7% #7B6F73	RGB 123 111 115	#7B6F73
33.3%	33.3% #796169	RGB 121 97 105	#796169
50.0%	50.0% #77535F	RGB 119 83 95	#77535F
66.7%	66.7% #744554	RGB 116 69 84	#744554
83.3%	83.3% #72374A	RGB 114 55 74	#72374A
100.0%	100.0% #702940	RGB 112 41 64	#702940

#7E7E7E #7B6F73 #796169 #77535F #744554 #72374A #702940

#7E7E7E - #702940

HSV Blend

#7E7E7E - #702940 | 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 #7E7E7E as 0% and #702940 as 100%.

0.0%	0.0% #7E7E7E	RGB 126 126 126	#7E7E7E
16.7%	16.7% #7B6E6F	RGB 123 110 111	#7B6E6F
33.3%	33.3% #795F62	RGB 121 95 98	#795F62
50.0%	50.0% #775157	RGB 119 81 87	#775157
66.7%	66.7% #74434E	RGB 116 67 78	#74434E
83.3%	83.3% #723546	RGB 114 53 70	#723546
100.0%	100.0% #702940	RGB 112 41 64	#702940

#7E7E7E #7B6E6F #795F62 #775157 #74434E #723546 #702940

#7E7E7E - #775157 - #702940

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E7E7E 0%, #775157 50%, #702940 100%);
    background: -webkit-linear-gradient(top, #7E7E7E 0%, #775157 50%, #702940 100%);
    background: linear-gradient(to bottom, #7E7E7E 0%, #775157 50%, #702940 100%);
}
</style>