#2B3E5E - #7B8490 | 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 #2B3E5E to #7B8490

#2B3E5E #7B8490

Calculate the color between two colors, #2B3E5E and #7B8490. 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)

#2B3E5E - #7B8490 | 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 #2B3E5E as 0% and #7B8490 as 100%.

0.0%	0.0% #2B3E5E	RGB 43 62 94	#2B3E5E
16.7%	16.7% #384966	RGB 56 73 102	#384966
33.3%	33.3% #45556E	RGB 69 85 110	#45556E
50.0%	50.0% #536177	RGB 83 97 119	#536177
66.7%	66.7% #606C7F	RGB 96 108 127	#606C7F
83.3%	83.3% #6D7887	RGB 109 120 135	#6D7887
100.0%	100.0% #7B8490	RGB 123 132 144	#7B8490

#2B3E5E #384966 #45556E #536177 #606C7F #6D7887 #7B8490

#2B3E5E - #7B8490

HSV Blend

#2B3E5E - #7B8490 | 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 #2B3E5E as 0% and #7B8490 as 100%.

0.0%	0.0% #2B3E5E	RGB 43 62 94	#2B3E5E
16.7%	16.7% #354866	RGB 53 72 102	#354866
33.3%	33.3% #41536E	RGB 65 83 110	#41536E
50.0%	50.0% #4E5E77	RGB 78 94 119	#4E5E77
66.7%	66.7% #5B6A7F	RGB 91 106 127	#5B6A7F
83.3%	83.3% #6A7687	RGB 106 118 135	#6A7687
100.0%	100.0% #7B8490	RGB 123 132 144	#7B8490

#2B3E5E #354866 #41536E #4E5E77 #5B6A7F #6A7687 #7B8490

#2B3E5E - #4E5E77 - #7B8490

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B3E5E 0%, #4E5E77 50%, #7B8490 100%);
    background: -webkit-linear-gradient(top, #2B3E5E 0%, #4E5E77 50%, #7B8490 100%);
    background: linear-gradient(to bottom, #2B3E5E 0%, #4E5E77 50%, #7B8490 100%);
}
</style>