#2D3C5A - #7B808B | 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 #2D3C5A to #7B808B

#2D3C5A #7B808B

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

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

0.0%	0.0% #2D3C5A	RGB 45 60 90	#2D3C5A
16.7%	16.7% #3A4762	RGB 58 71 98	#3A4762
33.3%	33.3% #47526A	RGB 71 82 106	#47526A
50.0%	50.0% #545E72	RGB 84 94 114	#545E72
66.7%	66.7% #61697A	RGB 97 105 122	#61697A
83.3%	83.3% #6E7482	RGB 110 116 130	#6E7482
100.0%	100.0% #7B808B	RGB 123 128 139	#7B808B

#2D3C5A #3A4762 #47526A #545E72 #61697A #6E7482 #7B808B

#2D3C5A - #7B808B

HSV Blend

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

0.0%	0.0% #2D3C5A	RGB 45 60 90	#2D3C5A
16.7%	16.7% #374562	RGB 55 69 98	#374562
33.3%	33.3% #424F6A	RGB 66 79 106	#424F6A
50.0%	50.0% #4F5A72	RGB 79 90 114	#4F5A72
66.7%	66.7% #5C667A	RGB 92 102 122	#5C667A
83.3%	83.3% #6B7282	RGB 107 114 130	#6B7282
100.0%	100.0% #7B808B	RGB 123 128 139	#7B808B

#2D3C5A #374562 #424F6A #4F5A72 #5C667A #6B7282 #7B808B

#2D3C5A - #4F5A72 - #7B808B

CSS codes

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

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