#493E5E - #1E074A | 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 #493E5E to #1E074A

#493E5E #1E074A

Calculate the color between two colors, #493E5E and #1E074A. 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)

#493E5E - #1E074A | 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 #493E5E as 0% and #1E074A as 100%.

0.0%	0.0% #493E5E	RGB 73 62 94	#493E5E
16.7%	16.7% #41345A	RGB 65 52 90	#41345A
33.3%	33.3% #3A2B57	RGB 58 43 87	#3A2B57
50.0%	50.0% #332254	RGB 51 34 84	#332254
66.7%	66.7% #2C1950	RGB 44 25 80	#2C1950
83.3%	83.3% #25104D	RGB 37 16 77	#25104D
100.0%	100.0% #1E074A	RGB 30 7 74	#1E074A

#493E5E #41345A #3A2B57 #332254 #2C1950 #25104D #1E074A

#493E5E - #1E074A

HSV Blend

#493E5E - #1E074A | 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 #493E5E as 0% and #1E074A as 100%.

0.0%	0.0% #493E5E	RGB 73 62 94	#493E5E
16.7%	16.7% #40335A	RGB 64 51 90	#40335A
33.3%	33.3% #392957	RGB 57 41 87	#392957
50.0%	50.0% #311F54	RGB 49 31 84	#311F54
66.7%	66.7% #2A1650	RGB 42 22 80	#2A1650
83.3%	83.3% #240E4D	RGB 36 14 77	#240E4D
100.0%	100.0% #1E074A	RGB 30 7 74	#1E074A

#493E5E #40335A #392957 #311F54 #2A1650 #240E4D #1E074A

#493E5E - #311F54 - #1E074A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #493E5E 0%, #311F54 50%, #1E074A 100%);
    background: -webkit-linear-gradient(top, #493E5E 0%, #311F54 50%, #1E074A 100%);
    background: linear-gradient(to bottom, #493E5E 0%, #311F54 50%, #1E074A 100%);
}
</style>