#2D456B - #818D9C | 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 #2D456B to #818D9C

#2D456B #818D9C

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

#2D456B - #818D9C | 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 #2D456B as 0% and #818D9C as 100%.

0.0%	0.0% #2D456B	RGB 45 69 107	#2D456B
16.7%	16.7% #3B5173	RGB 59 81 115	#3B5173
33.3%	33.3% #495D7B	RGB 73 93 123	#495D7B
50.0%	50.0% #576983	RGB 87 105 131	#576983
66.7%	66.7% #65758B	RGB 101 117 139	#65758B
83.3%	83.3% #738193	RGB 115 129 147	#738193
100.0%	100.0% #818D9C	RGB 129 141 156	#818D9C

#2D456B #3B5173 #495D7B #576983 #65758B #738193 #818D9C

#2D456B - #818D9C

HSV Blend

#2D456B - #818D9C | 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 #2D456B as 0% and #818D9C as 100%.

0.0%	0.0% #2D446B	RGB 45 68 107	#2D446B
16.7%	16.7% #384F73	RGB 56 79 115	#384F73
33.3%	33.3% #445A7B	RGB 68 90 123	#445A7B
50.0%	50.0% #526683	RGB 82 102 131	#526683
66.7%	66.7% #60728B	RGB 96 114 139	#60728B
83.3%	83.3% #707F93	RGB 112 127 147	#707F93
100.0%	100.0% #818D9C	RGB 129 141 156	#818D9C

#2D446B #384F73 #445A7B #526683 #60728B #707F93 #818D9C

#2D456B - #526683 - #818D9C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D446B 0%, #526683 50%, #818D9C 100%);
    background: -webkit-linear-gradient(top, #2D446B 0%, #526683 50%, #818D9C 100%);
    background: linear-gradient(to bottom, #2D446B 0%, #526683 50%, #818D9C 100%);
}
</style>