#94A6B5 - #44576E | 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 #94A6B5 to #44576E

#94A6B5 #44576E

Calculate the color between two colors, #94A6B5 and #44576E. 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)

#94A6B5 - #44576E | 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 #94A6B5 as 0% and #44576E as 100%.

0.0%	0.0% #94A6B5	RGB 148 166 181	#94A6B5
16.7%	16.7% #8698A9	RGB 134 152 169	#8698A9
33.3%	33.3% #798B9D	RGB 121 139 157	#798B9D
50.0%	50.0% #6C7E91	RGB 108 126 145	#6C7E91
66.7%	66.7% #5E7185	RGB 94 113 133	#5E7185
83.3%	83.3% #516479	RGB 81 100 121	#516479
100.0%	100.0% #44576E	RGB 68 87 110	#44576E

#94A6B5 #8698A9 #798B9D #6C7E91 #5E7185 #516479 #44576E

#94A6B5 - #44576E

HSV Blend

#94A6B5 - #44576E | 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 #94A6B5 as 0% and #44576E as 100%.

0.0%	0.0% #94A6B5	RGB 148 166 181	#94A6B5
16.7%	16.7% #8498A9	RGB 132 152 169	#8498A9
33.3%	33.3% #768A9D	RGB 118 138 157	#768A9D
50.0%	50.0% #687C91	RGB 104 124 145	#687C91
66.7%	66.7% #5B6F85	RGB 91 111 133	#5B6F85
83.3%	83.3% #4F6379	RGB 79 99 121	#4F6379
100.0%	100.0% #44576E	RGB 68 87 110	#44576E

#94A6B5 #8498A9 #768A9D #687C91 #5B6F85 #4F6379 #44576E

#94A6B5 - #687C91 - #44576E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #94A6B5 0%, #687C91 50%, #44576E 100%);
    background: -webkit-linear-gradient(top, #94A6B5 0%, #687C91 50%, #44576E 100%);
    background: linear-gradient(to bottom, #94A6B5 0%, #687C91 50%, #44576E 100%);
}
</style>