#2B445F - #828C92 | 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 #2B445F to #828C92

#2B445F #828C92

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

#2B445F - #828C92 | 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 #2B445F as 0% and #828C92 as 100%.

0.0%	0.0% #2B445F	RGB 43 68 95	#2B445F
16.7%	16.7% #395067	RGB 57 80 103	#395067
33.3%	33.3% #485C70	RGB 72 92 112	#485C70
50.0%	50.0% #566878	RGB 86 104 120	#566878
66.7%	66.7% #657481	RGB 101 116 129	#657481
83.3%	83.3% #738089	RGB 115 128 137	#738089
100.0%	100.0% #828C92	RGB 130 140 146	#828C92

#2B445F #395067 #485C70 #566878 #657481 #738089 #828C92

#2B445F - #828C92

HSV Blend

#2B445F - #828C92 | 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 #2B445F as 0% and #828C92 as 100%.

0.0%	0.0% #2B445F	RGB 43 68 95	#2B445F
16.7%	16.7% #364F67	RGB 54 79 103	#364F67
33.3%	33.3% #435A70	RGB 67 90 112	#435A70
50.0%	50.0% #506678	RGB 80 102 120	#506678
66.7%	66.7% #607381	RGB 96 115 129	#607381
83.3%	83.3% #707F89	RGB 112 127 137	#707F89
100.0%	100.0% #828C92	RGB 130 140 146	#828C92

#2B445F #364F67 #435A70 #506678 #607381 #707F89 #828C92

#2B445F - #506678 - #828C92

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B445F 0%, #506678 50%, #828C92 100%);
    background: -webkit-linear-gradient(top, #2B445F 0%, #506678 50%, #828C92 100%);
    background: linear-gradient(to bottom, #2B445F 0%, #506678 50%, #828C92 100%);
}
</style>