#949499 - #394F51 | 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 #949499 to #394F51

#949499 #394F51

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

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

0.0%	0.0% #949499	RGB 148 148 153	#949499
16.7%	16.7% #84888D	RGB 132 136 141	#84888D
33.3%	33.3% #757D81	RGB 117 125 129	#757D81
50.0%	50.0% #667175	RGB 102 113 117	#667175
66.7%	66.7% #576669	RGB 87 102 105	#576669
83.3%	83.3% #485A5D	RGB 72 90 93	#485A5D
100.0%	100.0% #394F51	RGB 57 79 81	#394F51

#949499 #84888D #757D81 #667175 #576669 #485A5D #394F51

#949499 - #394F51

HSV Blend

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

0.0%	0.0% #949499	RGB 148 148 153	#949499
16.7%	16.7% #82838D	RGB 130 131 141	#82838D
33.3%	33.3% #717681	RGB 113 118 129	#717681
50.0%	50.0% #616A75	RGB 97 106 117	#616A75
66.7%	66.7% #536069	RGB 83 96 105	#536069
83.3%	83.3% #45575D	RGB 69 87 93	#45575D
100.0%	100.0% #394F51	RGB 57 79 81	#394F51

#949499 #82838D #717681 #616A75 #536069 #45575D #394F51

#949499 - #616A75 - #394F51

CSS codes

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

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