#7E3C6B - #4F071F | 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 #7E3C6B to #4F071F

#7E3C6B #4F071F

Calculate the color between two colors, #7E3C6B and #4F071F. 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)

#7E3C6B - #4F071F | 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 #7E3C6B as 0% and #4F071F as 100%.

0.0%	0.0% #7E3C6B	RGB 126 60 107	#7E3C6B
16.7%	16.7% #76335E	RGB 118 51 94	#76335E
33.3%	33.3% #6E2A51	RGB 110 42 81	#6E2A51
50.0%	50.0% #662145	RGB 102 33 69	#662145
66.7%	66.7% #5E1838	RGB 94 24 56	#5E1838
83.3%	83.3% #560F2B	RGB 86 15 43	#560F2B
100.0%	100.0% #4F071F	RGB 79 7 31	#4F071F

#7E3C6B #76335E #6E2A51 #662145 #5E1838 #560F2B #4F071F

#7E3C6B - #4F071F

HSV Blend

#7E3C6B - #4F071F | 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 #7E3C6B as 0% and #4F071F as 100%.

0.0%	0.0% #7E3C6B	RGB 126 60 107	#7E3C6B
16.7%	16.7% #76305D	RGB 118 48 93	#76305D
33.3%	33.3% #6E2650	RGB 110 38 80	#6E2650
50.0%	50.0% #661C43	RGB 102 28 67	#661C43
66.7%	66.7% #5E1436	RGB 94 20 54	#5E1436
83.3%	83.3% #560D2A	RGB 86 13 42	#560D2A
100.0%	100.0% #4F071F	RGB 79 7 31	#4F071F

#7E3C6B #76305D #6E2650 #661C43 #5E1436 #560D2A #4F071F

#7E3C6B - #661C43 - #4F071F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7E3C6B 0%, #661C43 50%, #4F071F 100%);
    background: -webkit-linear-gradient(top, #7E3C6B 0%, #661C43 50%, #4F071F 100%);
    background: linear-gradient(to bottom, #7E3C6B 0%, #661C43 50%, #4F071F 100%);
}
</style>