#404726 - #C8CAC1 | 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 #404726 to #C8CAC1

#404726 #C8CAC1

Calculate the color between two colors, #404726 and #C8CAC1. 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)

#404726 - #C8CAC1 | 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 #404726 as 0% and #C8CAC1 as 100%.

0.0%	0.0% #404726	RGB 64 71 38	#404726
16.7%	16.7% #565C3F	RGB 86 92 63	#565C3F
33.3%	33.3% #6D7259	RGB 109 114 89	#6D7259
50.0%	50.0% #848873	RGB 132 136 115	#848873
66.7%	66.7% #9A9E8D	RGB 154 158 141	#9A9E8D
83.3%	83.3% #B1B4A7	RGB 177 180 167	#B1B4A7
100.0%	100.0% #C8CAC1	RGB 200 202 193	#C8CAC1

#404726 #565C3F #6D7259 #848873 #9A9E8D #B1B4A7 #C8CAC1

#404726 - #C8CAC1

HSV Blend

#404726 - #C8CAC1 | 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 #404726 as 0% and #C8CAC1 as 100%.

0.0%	0.0% #404726	RGB 64 71 38	#404726
16.7%	16.7% #545C38	RGB 84 92 56	#545C38
33.3%	33.3% #6A724D	RGB 106 114 77	#6A724D
50.0%	50.0% #808865	RGB 128 136 101	#808865
66.7%	66.7% #979E81	RGB 151 158 129	#979E81
83.3%	83.3% #AFB49F	RGB 175 180 159	#AFB49F
100.0%	100.0% #C8CAC1	RGB 200 202 193	#C8CAC1

#404726 #545C38 #6A724D #808865 #979E81 #AFB49F #C8CAC1

#404726 - #808865 - #C8CAC1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #404726 0%, #808865 50%, #C8CAC1 100%);
    background: -webkit-linear-gradient(top, #404726 0%, #808865 50%, #C8CAC1 100%);
    background: linear-gradient(to bottom, #404726 0%, #808865 50%, #C8CAC1 100%);
}
</style>