#36445B - #8B8889 | 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 #36445B to #8B8889

#36445B #8B8889

Calculate the color between two colors, #36445B and #8B8889. 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)

#36445B - #8B8889 | 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 #36445B as 0% and #8B8889 as 100%.

0.0%	0.0% #36445B	RGB 54 68 91	#36445B
16.7%	16.7% #444F62	RGB 68 79 98	#444F62
33.3%	33.3% #525A6A	RGB 82 90 106	#525A6A
50.0%	50.0% #606672	RGB 96 102 114	#606672
66.7%	66.7% #6E7179	RGB 110 113 121	#6E7179
83.3%	83.3% #7C7C81	RGB 124 124 129	#7C7C81
100.0%	100.0% #8B8889	RGB 139 136 137	#8B8889

#36445B #444F62 #525A6A #606672 #6E7179 #7C7C81 #8B8889

#36445B - #8B8889

HSV Blend

#36445B - #8B8889 | 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 #36445B as 0% and #8B8889 as 100%.

0.0%	0.0% #36445B	RGB 54 68 91	#36445B
16.7%	16.7% #414263	RGB 65 66 99	#414263
33.3%	33.3% #564D6B	RGB 86 77 107	#564D6B
50.0%	50.0% #6A5A73	RGB 106 90 115	#6A5A73
66.7%	66.7% #7A687B	RGB 122 104 123	#7A687B
83.3%	83.3% #83777F	RGB 131 119 127	#83777F
100.0%	100.0% #8B8889	RGB 139 136 137	#8B8889

#36445B #414263 #564D6B #6A5A73 #7A687B #83777F #8B8889

#36445B - #6A5A73 - #8B8889

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #36445B 0%, #6A5A73 50%, #8B8889 100%);
    background: -webkit-linear-gradient(top, #36445B 0%, #6A5A73 50%, #8B8889 100%);
    background: linear-gradient(to bottom, #36445B 0%, #6A5A73 50%, #8B8889 100%);
}
</style>