#949994 - #4E5139 | 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 #949994 to #4E5139

#949994 #4E5139

Calculate the color between two colors, #949994 and #4E5139. 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)

#949994 - #4E5139 | 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 #949994 as 0% and #4E5139 as 100%.

0.0%	0.0% #949994	RGB 148 153 148	#949994
16.7%	16.7% #888D84	RGB 136 141 132	#888D84
33.3%	33.3% #7C8175	RGB 124 129 117	#7C8175
50.0%	50.0% #717566	RGB 113 117 102	#717566
66.7%	66.7% #656957	RGB 101 105 87	#656957
83.3%	83.3% #595D48	RGB 89 93 72	#595D48
100.0%	100.0% #4E5139	RGB 78 81 57	#4E5139

#949994 #888D84 #7C8175 #717566 #656957 #595D48 #4E5139

#949994 - #4E5139

HSV Blend

#949994 - #4E5139 | 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 #949994 as 0% and #4E5139 as 100%.

0.0%	0.0% #949994	RGB 148 153 148	#949994
16.7%	16.7% #838D82	RGB 131 141 130	#838D82
33.3%	33.3% #758171	RGB 117 129 113	#758171
50.0%	50.0% #6A7561	RGB 106 117 97	#6A7561
66.7%	66.7% #5F6953	RGB 95 105 83	#5F6953
83.3%	83.3% #565D45	RGB 86 93 69	#565D45
100.0%	100.0% #4E5139	RGB 78 81 57	#4E5139

#949994 #838D82 #758171 #6A7561 #5F6953 #565D45 #4E5139

#949994 - #6A7561 - #4E5139

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #949994 0%, #6A7561 50%, #4E5139 100%);
    background: -webkit-linear-gradient(top, #949994 0%, #6A7561 50%, #4E5139 100%);
    background: linear-gradient(to bottom, #949994 0%, #6A7561 50%, #4E5139 100%);
}
</style>