#41403C - #687A8C | 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 #41403C to #687A8C

#41403C #687A8C

Calculate the color between two colors, #41403C and #687A8C. 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)

#41403C - #687A8C | 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 #41403C as 0% and #687A8C as 100%.

0.0%	0.0% #41403C	RGB 65 64 60	#41403C
16.7%	16.7% #474949	RGB 71 73 73	#474949
33.3%	33.3% #4E5356	RGB 78 83 86	#4E5356
50.0%	50.0% #545D64	RGB 84 93 100	#545D64
66.7%	66.7% #5B6671	RGB 91 102 113	#5B6671
83.3%	83.3% #61707E	RGB 97 112 126	#61707E
100.0%	100.0% #687A8C	RGB 104 122 140	#687A8C

#41403C #474949 #4E5356 #545D64 #5B6671 #61707E #687A8C

#41403C - #687A8C

HSV Blend

#41403C - #687A8C | 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 #41403C as 0% and #687A8C as 100%.

0.0%	0.0% #41403C	RGB 65 64 60	#41403C
16.7%	16.7% #4B4D45	RGB 75 77 69	#4B4D45
33.3%	33.3% #515A4D	RGB 81 90 77	#515A4D
50.0%	50.0% #556657	RGB 85 102 87	#556657
66.7%	66.7% #5C7369	RGB 92 115 105	#5C7369
83.3%	83.3% #627E7F	RGB 98 126 127	#627E7F
100.0%	100.0% #687A8C	RGB 104 122 140	#687A8C

#41403C #4B4D45 #515A4D #556657 #5C7369 #627E7F #687A8C

#41403C - #556657 - #687A8C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41403C 0%, #556657 50%, #687A8C 100%);
    background: -webkit-linear-gradient(top, #41403C 0%, #556657 50%, #687A8C 100%);
    background: linear-gradient(to bottom, #41403C 0%, #556657 50%, #687A8C 100%);
}
</style>