#2D445D - #848B8F | 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 #2D445D to #848B8F

#2D445D #848B8F

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

#2D445D - #848B8F | 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 #2D445D as 0% and #848B8F as 100%.

0.0%	0.0% #2D445D	RGB 45 68 93	#2D445D
16.7%	16.7% #3B4F65	RGB 59 79 101	#3B4F65
33.3%	33.3% #4A5B6D	RGB 74 91 109	#4A5B6D
50.0%	50.0% #586776	RGB 88 103 118	#586776
66.7%	66.7% #67737E	RGB 103 115 126	#67737E
83.3%	83.3% #757F86	RGB 117 127 134	#757F86
100.0%	100.0% #848B8F	RGB 132 139 143	#848B8F

#2D445D #3B4F65 #4A5B6D #586776 #67737E #757F86 #848B8F

#2D445D - #848B8F

HSV Blend

#2D445D - #848B8F | 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 #2D445D as 0% and #848B8F as 100%.

0.0%	0.0% #2D445D	RGB 45 68 93	#2D445D
16.7%	16.7% #384F65	RGB 56 79 101	#384F65
33.3%	33.3% #455A6D	RGB 69 90 109	#455A6D
50.0%	50.0% #536676	RGB 83 102 118	#536676
66.7%	66.7% #62727E	RGB 98 114 126	#62727E
83.3%	83.3% #727E86	RGB 114 126 134	#727E86
100.0%	100.0% #848B8F	RGB 132 139 143	#848B8F

#2D445D #384F65 #455A6D #536676 #62727E #727E86 #848B8F

#2D445D - #536676 - #848B8F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D445D 0%, #536676 50%, #848B8F 100%);
    background: -webkit-linear-gradient(top, #2D445D 0%, #536676 50%, #848B8F 100%);
    background: linear-gradient(to bottom, #2D445D 0%, #536676 50%, #848B8F 100%);
}
</style>