#949599 - #39514B | 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 #949599 to #39514B

#949599 #39514B

Calculate the color between two colors, #949599 and #39514B. 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)

#949599 - #39514B | 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 #949599 as 0% and #39514B as 100%.

0.0%	0.0% #949599	RGB 148 149 153	#949599
16.7%	16.7% #84898C	RGB 132 137 140	#84898C
33.3%	33.3% #757E7F	RGB 117 126 127	#757E7F
50.0%	50.0% #667372	RGB 102 115 114	#667372
66.7%	66.7% #576765	RGB 87 103 101	#576765
83.3%	83.3% #485C58	RGB 72 92 88	#485C58
100.0%	100.0% #39514B	RGB 57 81 75	#39514B

#949599 #84898C #757E7F #667372 #576765 #485C58 #39514B

#949599 - #39514B

HSV Blend

#949599 - #39514B | 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 #949599 as 0% and #39514B as 100%.

0.0%	0.0% #949599	RGB 148 149 153	#949599
16.7%	16.7% #82868D	RGB 130 134 141	#82868D
33.3%	33.3% #717A81	RGB 113 122 129	#717A81
50.0%	50.0% #616F75	RGB 97 111 117	#616F75
66.7%	66.7% #536669	RGB 83 102 105	#536669
83.3%	83.3% #455D5B	RGB 69 93 91	#455D5B
100.0%	100.0% #39514B	RGB 57 81 75	#39514B

#949599 #82868D #717A81 #616F75 #536669 #455D5B #39514B

#949599 - #616F75 - #39514B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #949599 0%, #616F75 50%, #39514B 100%);
    background: -webkit-linear-gradient(top, #949599 0%, #616F75 50%, #39514B 100%);
    background: linear-gradient(to bottom, #949599 0%, #616F75 50%, #39514B 100%);
}
</style>