#3E3C74 - #28071D | 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 #3E3C74 to #28071D

#3E3C74 #28071D

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

#3E3C74 - #28071D | 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 #3E3C74 as 0% and #28071D as 100%.

0.0%	0.0% #3E3C74	RGB 62 60 116	#3E3C74
16.7%	16.7% #3A3365	RGB 58 51 101	#3A3365
33.3%	33.3% #362A57	RGB 54 42 87	#362A57
50.0%	50.0% #332148	RGB 51 33 72	#332148
66.7%	66.7% #2F183A	RGB 47 24 58	#2F183A
83.3%	83.3% #2B0F2B	RGB 43 15 43	#2B0F2B
100.0%	100.0% #28071D	RGB 40 7 29	#28071D

#3E3C74 #3A3365 #362A57 #332148 #2F183A #2B0F2B #28071D

#3E3C74 - #28071D

HSV Blend

#3E3C74 - #28071D | 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 #3E3C74 as 0% and #28071D as 100%.

0.0%	0.0% #3E3C74	RGB 62 60 116	#3E3C74
16.7%	16.7% #3D2F67	RGB 61 47 103	#3D2F67
33.3%	33.3% #3D245A	RGB 61 36 90	#3D245A
50.0%	50.0% #3D1A4E	RGB 61 26 78	#3D1A4E
66.7%	66.7% #3C1241	RGB 60 18 65	#3C1241
83.3%	83.3% #340C2F	RGB 52 12 47	#340C2F
100.0%	100.0% #28071D	RGB 40 7 29	#28071D

#3E3C74 #3D2F67 #3D245A #3D1A4E #3C1241 #340C2F #28071D

#3E3C74 - #3D1A4E - #28071D

CSS codes

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

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