#6D7A7E - #212B5E | 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 #6D7A7E to #212B5E

#6D7A7E #212B5E

Calculate the color between two colors, #6D7A7E and #212B5E. 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)

#6D7A7E - #212B5E | 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 #6D7A7E as 0% and #212B5E as 100%.

0.0%	0.0% #6D7A7E	RGB 109 122 126	#6D7A7E
16.7%	16.7% #606C78	RGB 96 108 120	#606C78
33.3%	33.3% #535F73	RGB 83 95 115	#535F73
50.0%	50.0% #47526E	RGB 71 82 110	#47526E
66.7%	66.7% #3A4568	RGB 58 69 104	#3A4568
83.3%	83.3% #2D3863	RGB 45 56 99	#2D3863
100.0%	100.0% #212B5E	RGB 33 43 94	#212B5E

#6D7A7E #606C78 #535F73 #47526E #3A4568 #2D3863 #212B5E

#6D7A7E - #212B5E

HSV Blend

#6D7A7E - #212B5E | 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 #6D7A7E as 0% and #212B5E as 100%.

0.0%	0.0% #6D7A7E	RGB 109 122 126	#6D7A7E
16.7%	16.7% #5E6F78	RGB 94 111 120	#5E6F78
33.3%	33.3% #506373	RGB 80 99 115	#506373
50.0%	50.0% #42566E	RGB 66 86 110	#42566E
66.7%	66.7% #364868	RGB 54 72 104	#364868
83.3%	83.3% #2B3A63	RGB 43 58 99	#2B3A63
100.0%	100.0% #212B5E	RGB 33 43 94	#212B5E

#6D7A7E #5E6F78 #506373 #42566E #364868 #2B3A63 #212B5E

#6D7A7E - #42566E - #212B5E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D7A7E 0%, #42566E 50%, #212B5E 100%);
    background: -webkit-linear-gradient(top, #6D7A7E 0%, #42566E 50%, #212B5E 100%);
    background: linear-gradient(to bottom, #6D7A7E 0%, #42566E 50%, #212B5E 100%);
}
</style>