#413C4C - #8C8D75 | 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 #413C4C to #8C8D75

#413C4C #8C8D75

Calculate the color between two colors, #413C4C and #8C8D75. 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)

#413C4C - #8C8D75 | 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 #413C4C as 0% and #8C8D75 as 100%.

0.0%	0.0% #413C4C	RGB 65 60 76	#413C4C
16.7%	16.7% #4D4952	RGB 77 73 82	#4D4952
33.3%	33.3% #5A5759	RGB 90 87 89	#5A5759
50.0%	50.0% #666460	RGB 102 100 96	#666460
66.7%	66.7% #737267	RGB 115 114 103	#737267
83.3%	83.3% #7F7F6E	RGB 127 127 110	#7F7F6E
100.0%	100.0% #8C8D75	RGB 140 141 117	#8C8D75

#413C4C #4D4952 #5A5759 #666460 #737267 #7F7F6E #8C8D75

#413C4C - #8C8D75

HSV Blend

#413C4C - #8C8D75 | 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 #413C4C as 0% and #8C8D75 as 100%.

0.0%	0.0% #413C4C	RGB 65 60 76	#413C4C
16.7%	16.7% #524556	RGB 82 69 86	#524556
33.3%	33.3% #614E5D	RGB 97 78 93	#614E5D
50.0%	50.0% #6C575E	RGB 108 87 94	#6C575E
66.7%	66.7% #776461	RGB 119 100 97	#776461
83.3%	83.3% #82786B	RGB 130 120 107	#82786B
100.0%	100.0% #8C8D75	RGB 140 141 117	#8C8D75

#413C4C #524556 #614E5D #6C575E #776461 #82786B #8C8D75

#413C4C - #6C575E - #8C8D75

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #413C4C 0%, #6C575E 50%, #8C8D75 100%);
    background: -webkit-linear-gradient(top, #413C4C 0%, #6C575E 50%, #8C8D75 100%);
    background: linear-gradient(to bottom, #413C4C 0%, #6C575E 50%, #8C8D75 100%);
}
</style>