#43413E - #C9C8C7 | 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 #43413E to #C9C8C7

#43413E #C9C8C7

Calculate the color between two colors, #43413E and #C9C8C7. 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)

#43413E - #C9C8C7 | 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 #43413E as 0% and #C9C8C7 as 100%.

0.0%	0.0% #43413E	RGB 67 65 62	#43413E
16.7%	16.7% #595754	RGB 89 87 84	#595754
33.3%	33.3% #6F6E6B	RGB 111 110 107	#6F6E6B
50.0%	50.0% #868482	RGB 134 132 130	#868482
66.7%	66.7% #9C9B99	RGB 156 155 153	#9C9B99
83.3%	83.3% #B2B1B0	RGB 178 177 176	#B2B1B0
100.0%	100.0% #C9C8C7	RGB 201 200 199	#C9C8C7

#43413E #595754 #6F6E6B #868482 #9C9B99 #B2B1B0 #C9C8C7

#43413E - #C9C8C7

HSV Blend

#43413E - #C9C8C7 | 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 #43413E as 0% and #C9C8C7 as 100%.

0.0%	0.0% #43413E	RGB 67 65 62	#43413E
16.7%	16.7% #595653	RGB 89 86 83	#595653
33.3%	33.3% #6F6D69	RGB 111 109 105	#6F6D69
50.0%	50.0% #868380	RGB 134 131 128	#868380
66.7%	66.7% #9C9A97	RGB 156 154 151	#9C9A97
83.3%	83.3% #B2B0AE	RGB 178 176 174	#B2B0AE
100.0%	100.0% #C9C8C7	RGB 201 200 199	#C9C8C7

#43413E #595653 #6F6D69 #868380 #9C9A97 #B2B0AE #C9C8C7

#43413E - #868380 - #C9C8C7

CSS codes

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

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