#3E3E5E - #041042 | 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 #3E3E5E to #041042

#3E3E5E #041042

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

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

0.0%	0.0% #3E3E5E	RGB 62 62 94	#3E3E5E
16.7%	16.7% #343659	RGB 52 54 89	#343659
33.3%	33.3% #2A2E54	RGB 42 46 84	#2A2E54
50.0%	50.0% #212750	RGB 33 39 80	#212750
66.7%	66.7% #171F4B	RGB 23 31 75	#171F4B
83.3%	83.3% #0D1746	RGB 13 23 70	#0D1746
100.0%	100.0% #041042	RGB 4 16 66	#041042

#3E3E5E #343659 #2A2E54 #212750 #171F4B #0D1746 #041042

#3E3E5E - #041042

HSV Blend

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

0.0%	0.0% #3E3E5E	RGB 62 62 94	#3E3E5E
16.7%	16.7% #323359	RGB 50 51 89	#323359
33.3%	33.3% #262954	RGB 38 41 84	#262954
50.0%	50.0% #1C2150	RGB 28 33 80	#1C2150
66.7%	66.7% #131A4B	RGB 19 26 75	#131A4B
83.3%	83.3% #0B1446	RGB 11 20 70	#0B1446
100.0%	100.0% #041042	RGB 4 16 66	#041042

#3E3E5E #323359 #262954 #1C2150 #131A4B #0B1446 #041042

#3E3E5E - #1C2150 - #041042

CSS codes

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

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