#413523 - #C8C4C0 | 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 #413523 to #C8C4C0

#413523 #C8C4C0

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

#413523 - #C8C4C0 | 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 #413523 as 0% and #C8C4C0 as 100%.

0.0%	0.0% #413523	RGB 65 53 35	#413523
16.7%	16.7% #574C3D	RGB 87 76 61	#574C3D
33.3%	33.3% #6E6457	RGB 110 100 87	#6E6457
50.0%	50.0% #847C71	RGB 132 124 113	#847C71
66.7%	66.7% #9B948B	RGB 155 148 139	#9B948B
83.3%	83.3% #B1ACA5	RGB 177 172 165	#B1ACA5
100.0%	100.0% #C8C4C0	RGB 200 196 192	#C8C4C0

#413523 #574C3D #6E6457 #847C71 #9B948B #B1ACA5 #C8C4C0

#413523 - #C8C4C0

HSV Blend

#413523 - #C8C4C0 | 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 #413523 as 0% and #C8C4C0 as 100%.

0.0%	0.0% #413523	RGB 65 53 35	#413523
16.7%	16.7% #574935	RGB 87 73 53	#574935
33.3%	33.3% #6E5E4A	RGB 110 94 74	#6E5E4A
50.0%	50.0% #847563	RGB 132 117 99	#847563
66.7%	66.7% #9B8D7F	RGB 155 141 127	#9B8D7F
83.3%	83.3% #B1A89D	RGB 177 168 157	#B1A89D
100.0%	100.0% #C8C4C0	RGB 200 196 192	#C8C4C0

#413523 #574935 #6E5E4A #847563 #9B8D7F #B1A89D #C8C4C0

#413523 - #847563 - #C8C4C0

CSS codes

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

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