#999494 - #51394E | 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 #999494 to #51394E

#999494 #51394E

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

#999494 - #51394E | 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 #999494 as 0% and #51394E as 100%.

0.0%	0.0% #999494	RGB 153 148 148	#999494
16.7%	16.7% #8D8488	RGB 141 132 136	#8D8488
33.3%	33.3% #81757C	RGB 129 117 124	#81757C
50.0%	50.0% #756671	RGB 117 102 113	#756671
66.7%	66.7% #695765	RGB 105 87 101	#695765
83.3%	83.3% #5D4859	RGB 93 72 89	#5D4859
100.0%	100.0% #51394E	RGB 81 57 78	#51394E

#999494 #8D8488 #81757C #756671 #695765 #5D4859 #51394E

#999494 - #51394E

HSV Blend

#999494 - #51394E | 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 #999494 as 0% and #51394E as 100%.

0.0%	0.0% #999494	RGB 153 148 148	#999494
16.7%	16.7% #8D8283	RGB 141 130 131	#8D8283
33.3%	33.3% #817175	RGB 129 113 117	#817175
50.0%	50.0% #75616A	RGB 117 97 106	#75616A
66.7%	66.7% #69535F	RGB 105 83 95	#69535F
83.3%	83.3% #5D4556	RGB 93 69 86	#5D4556
100.0%	100.0% #51394E	RGB 81 57 78	#51394E

#999494 #8D8283 #817175 #75616A #69535F #5D4556 #51394E

#999494 - #75616A - #51394E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #999494 0%, #75616A 50%, #51394E 100%);
    background: -webkit-linear-gradient(top, #999494 0%, #75616A 50%, #51394E 100%);
    background: linear-gradient(to bottom, #999494 0%, #75616A 50%, #51394E 100%);
}
</style>