#949496 - #394F4E | 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 #949496 to #394F4E

#949496 #394F4E

Calculate the color between two colors, #949496 and #394F4E. 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)

#949496 - #394F4E | 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 #949496 as 0% and #394F4E as 100%.

0.0%	0.0% #949496	RGB 148 148 150	#949496
16.7%	16.7% #84888A	RGB 132 136 138	#84888A
33.3%	33.3% #757D7E	RGB 117 125 126	#757D7E
50.0%	50.0% #667172	RGB 102 113 114	#667172
66.7%	66.7% #576666	RGB 87 102 102	#576666
83.3%	83.3% #485A5A	RGB 72 90 90	#485A5A
100.0%	100.0% #394F4E	RGB 57 79 78	#394F4E

#949496 #84888A #757D7E #667172 #576666 #485A5A #394F4E

#949496 - #394F4E

HSV Blend

#949496 - #394F4E | 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 #949496 as 0% and #394F4E as 100%.

0.0%	0.0% #949496	RGB 148 148 150	#949496
16.7%	16.7% #82838A	RGB 130 131 138	#82838A
33.3%	33.3% #71757E	RGB 113 117 126	#71757E
50.0%	50.0% #616A72	RGB 97 106 114	#616A72
66.7%	66.7% #536066	RGB 83 96 102	#536066
83.3%	83.3% #45585A	RGB 69 88 90	#45585A
100.0%	100.0% #394F4E	RGB 57 79 78	#394F4E

#949496 #82838A #71757E #616A72 #536066 #45585A #394F4E

#949496 - #616A72 - #394F4E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #949496 0%, #616A72 50%, #394F4E 100%);
    background: -webkit-linear-gradient(top, #949496 0%, #616A72 50%, #394F4E 100%);
    background: linear-gradient(to bottom, #949496 0%, #616A72 50%, #394F4E 100%);
}
</style>