#7E3E5D - #490D19 | 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 #7E3E5D to #490D19

#7E3E5D #490D19

Calculate the color between two colors, #7E3E5D and #490D19. 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)

#7E3E5D - #490D19 | 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 #7E3E5D as 0% and #490D19 as 100%.

0.0%	0.0% #7E3E5D	RGB 126 62 93	#7E3E5D
16.7%	16.7% #753551	RGB 117 53 81	#753551
33.3%	33.3% #6C2D46	RGB 108 45 70	#6C2D46
50.0%	50.0% #63253B	RGB 99 37 59	#63253B
66.7%	66.7% #5A1D2F	RGB 90 29 47	#5A1D2F
83.3%	83.3% #511524	RGB 81 21 36	#511524
100.0%	100.0% #490D19	RGB 73 13 25	#490D19

#7E3E5D #753551 #6C2D46 #63253B #5A1D2F #511524 #490D19

#7E3E5D - #490D19

HSV Blend

#7E3E5D - #490D19 | 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 #7E3E5D as 0% and #490D19 as 100%.

0.0%	0.0% #7E3E5D	RGB 126 62 93	#7E3E5D
16.7%	16.7% #753350	RGB 117 51 80	#753350
33.3%	33.3% #6C2943	RGB 108 41 67	#6C2943
50.0%	50.0% #632137	RGB 99 33 55	#632137
66.7%	66.7% #5A192C	RGB 90 25 44	#5A192C
83.3%	83.3% #511222	RGB 81 18 34	#511222
100.0%	100.0% #490D19	RGB 73 13 25	#490D19

#7E3E5D #753350 #6C2943 #632137 #5A192C #511222 #490D19

#7E3E5D - #632137 - #490D19

CSS codes

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

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