#3E3C7A - #290720 | 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 #3E3C7A to #290720

#3E3C7A #290720

Calculate the color between two colors, #3E3C7A and #290720. 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)

#3E3C7A - #290720 | 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 #3E3C7A as 0% and #290720 as 100%.

0.0%	0.0% #3E3C7A	RGB 62 60 122	#3E3C7A
16.7%	16.7% #3A336B	RGB 58 51 107	#3A336B
33.3%	33.3% #372A5C	RGB 55 42 92	#372A5C
50.0%	50.0% #33214D	RGB 51 33 77	#33214D
66.7%	66.7% #30183E	RGB 48 24 62	#30183E
83.3%	83.3% #2C0F2F	RGB 44 15 47	#2C0F2F
100.0%	100.0% #290720	RGB 41 7 32	#290720

#3E3C7A #3A336B #372A5C #33214D #30183E #2C0F2F #290720

#3E3C7A - #290720

HSV Blend

#3E3C7A - #290720 | 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 #3E3C7A as 0% and #290720 as 100%.

0.0%	0.0% #3E3C7A	RGB 62 60 122	#3E3C7A
16.7%	16.7% #3E2F6C	RGB 62 47 108	#3E2F6C
33.3%	33.3% #3E245F	RGB 62 36 95	#3E245F
50.0%	50.0% #3E1A51	RGB 62 26 81	#3E1A51
66.7%	66.7% #3C1244	RGB 60 18 68	#3C1244
83.3%	83.3% #360C33	RGB 54 12 51	#360C33
100.0%	100.0% #290720	RGB 41 7 32	#290720

#3E3C7A #3E2F6C #3E245F #3E1A51 #3C1244 #360C33 #290720

#3E3C7A - #3E1A51 - #290720

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E3C7A 0%, #3E1A51 50%, #290720 100%);
    background: -webkit-linear-gradient(top, #3E3C7A 0%, #3E1A51 50%, #290720 100%);
    background: linear-gradient(to bottom, #3E3C7A 0%, #3E1A51 50%, #290720 100%);
}
</style>