#444C5E - #9C8F86 | 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 #444C5E to #9C8F86

#444C5E #9C8F86

Calculate the color between two colors, #444C5E and #9C8F86. 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)

#444C5E - #9C8F86 | 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 #444C5E as 0% and #9C8F86 as 100%.

0.0%	0.0% #444C5E	RGB 68 76 94	#444C5E
16.7%	16.7% #525764	RGB 82 87 100	#525764
33.3%	33.3% #61626B	RGB 97 98 107	#61626B
50.0%	50.0% #706D72	RGB 112 109 114	#706D72
66.7%	66.7% #7E7878	RGB 126 120 120	#7E7878
83.3%	83.3% #8D837F	RGB 141 131 127	#8D837F
100.0%	100.0% #9C8F86	RGB 156 143 134	#9C8F86

#444C5E #525764 #61626B #706D72 #7E7878 #8D837F #9C8F86

#444C5E - #9C8F86

HSV Blend

#444C5E - #9C8F86 | 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 #444C5E as 0% and #9C8F86 as 100%.

0.0%	0.0% #444C5E	RGB 68 76 94	#444C5E
16.7%	16.7% #514D68	RGB 81 77 104	#514D68
33.3%	33.3% #675872	RGB 103 88 114	#675872
50.0%	50.0% #7D627B	RGB 125 98 123	#7D627B
66.7%	66.7% #876E7A	RGB 135 110 122	#876E7A
83.3%	83.3% #91797A	RGB 145 121 122	#91797A
100.0%	100.0% #9C8F86	RGB 156 143 134	#9C8F86

#444C5E #514D68 #675872 #7D627B #876E7A #91797A #9C8F86

#444C5E - #7D627B - #9C8F86

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #444C5E 0%, #7D627B 50%, #9C8F86 100%);
    background: -webkit-linear-gradient(top, #444C5E 0%, #7D627B 50%, #9C8F86 100%);
    background: linear-gradient(to bottom, #444C5E 0%, #7D627B 50%, #9C8F86 100%);
}
</style>