#3E4669 - #11141E | 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 #3E4669 to #11141E

#3E4669 #11141E

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

#3E4669 - #11141E | 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 #3E4669 as 0% and #11141E as 100%.

0.0%	0.0% #3E4669	RGB 62 70 105	#3E4669
16.7%	16.7% #363D5C	RGB 54 61 92	#363D5C
33.3%	33.3% #2F3550	RGB 47 53 80	#2F3550
50.0%	50.0% #272D43	RGB 39 45 67	#272D43
66.7%	66.7% #202437	RGB 32 36 55	#202437
83.3%	83.3% #181C2A	RGB 24 28 42	#181C2A
100.0%	100.0% #11141E	RGB 17 20 30	#11141E

#3E4669 #363D5C #2F3550 #272D43 #202437 #181C2A #11141E

#3E4669 - #11141E

HSV Blend

#3E4669 - #11141E | 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 #3E4669 as 0% and #11141E as 100%.

0.0%	0.0% #3E4669	RGB 62 70 105	#3E4669
16.7%	16.7% #363D5C	RGB 54 61 92	#363D5C
33.3%	33.3% #2E3550	RGB 46 53 80	#2E3550
50.0%	50.0% #272C43	RGB 39 44 67	#272C43
66.7%	66.7% #1F2437	RGB 31 36 55	#1F2437
83.3%	83.3% #181C2A	RGB 24 28 42	#181C2A
100.0%	100.0% #11141E	RGB 17 20 30	#11141E

#3E4669 #363D5C #2E3550 #272C43 #1F2437 #181C2A #11141E

#3E4669 - #272C43 - #11141E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E4669 0%, #272C43 50%, #11141E 100%);
    background: -webkit-linear-gradient(top, #3E4669 0%, #272C43 50%, #11141E 100%);
    background: linear-gradient(to bottom, #3E4669 0%, #272C43 50%, #11141E 100%);
}
</style>