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

#45423E #C9C8C7

Calculate the color between two colors, #45423E 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)

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

0.0%	0.0% #45423E	RGB 69 66 62	#45423E
16.7%	16.7% #5B5854	RGB 91 88 84	#5B5854
33.3%	33.3% #716E6B	RGB 113 110 107	#716E6B
50.0%	50.0% #878582	RGB 135 133 130	#878582
66.7%	66.7% #9D9B99	RGB 157 155 153	#9D9B99
83.3%	83.3% #B3B1B0	RGB 179 177 176	#B3B1B0
100.0%	100.0% #C9C8C7	RGB 201 200 199	#C9C8C7

#45423E #5B5854 #716E6B #878582 #9D9B99 #B3B1B0 #C9C8C7

#45423E - #C9C8C7

HSV Blend

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

0.0%	0.0% #45423E	RGB 69 66 62	#45423E
16.7%	16.7% #5B5753	RGB 91 87 83	#5B5753
33.3%	33.3% #716D68	RGB 113 109 104	#716D68
50.0%	50.0% #87837F	RGB 135 131 127	#87837F
66.7%	66.7% #9D9996	RGB 157 153 150	#9D9996
83.3%	83.3% #B3B0AE	RGB 179 176 174	#B3B0AE
100.0%	100.0% #C9C8C7	RGB 201 200 199	#C9C8C7

#45423E #5B5753 #716D68 #87837F #9D9996 #B3B0AE #C9C8C7

#45423E - #87837F - #C9C8C7

CSS codes

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

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