#3C494F - #998D7E | 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 #3C494F to #998D7E

#3C494F #998D7E

Calculate the color between two colors, #3C494F and #998D7E. 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)

#3C494F - #998D7E | 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 #3C494F as 0% and #998D7E as 100%.

0.0%	0.0% #3C494F	RGB 60 73 79	#3C494F
16.7%	16.7% #4B5456	RGB 75 84 86	#4B5456
33.3%	33.3% #5B5F5E	RGB 91 95 94	#5B5F5E
50.0%	50.0% #6A6B66	RGB 106 107 102	#6A6B66
66.7%	66.7% #7A766E	RGB 122 118 110	#7A766E
83.3%	83.3% #898176	RGB 137 129 118	#898176
100.0%	100.0% #998D7E	RGB 153 141 126	#998D7E

#3C494F #4B5456 #5B5F5E #6A6B66 #7A766E #898176 #998D7E

#3C494F - #998D7E

HSV Blend

#3C494F - #998D7E | 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 #3C494F as 0% and #998D7E as 100%.

0.0%	0.0% #3C494F	RGB 60 73 79	#3C494F
16.7%	16.7% #465B58	RGB 70 91 88	#465B58
33.3%	33.3% #506759	RGB 80 103 89	#506759
50.0%	50.0% #5D745B	RGB 93 116 91	#5D745B
66.7%	66.7% #748066	RGB 116 128 102	#748066
83.3%	83.3% #8C8C72	RGB 140 140 114	#8C8C72
100.0%	100.0% #998D7E	RGB 153 141 126	#998D7E

#3C494F #465B58 #506759 #5D745B #748066 #8C8C72 #998D7E

#3C494F - #5D745B - #998D7E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C494F 0%, #5D745B 50%, #998D7E 100%);
    background: -webkit-linear-gradient(top, #3C494F 0%, #5D745B 50%, #998D7E 100%);
    background: linear-gradient(to bottom, #3C494F 0%, #5D745B 50%, #998D7E 100%);
}
</style>