#C1B5A8 - #373330 | 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 #C1B5A8 to #373330

#C1B5A8 #373330

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

#C1B5A8 - #373330 | 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 #C1B5A8 as 0% and #373330 as 100%.

0.0%	0.0% #C1B5A8	RGB 193 181 168	#C1B5A8
16.7%	16.7% #AA9F94	RGB 170 159 148	#AA9F94
33.3%	33.3% #938980	RGB 147 137 128	#938980
50.0%	50.0% #7C746C	RGB 124 116 108	#7C746C
66.7%	66.7% #655E58	RGB 101 94 88	#655E58
83.3%	83.3% #4E4844	RGB 78 72 68	#4E4844
100.0%	100.0% #373330	RGB 55 51 48	#373330

#C1B5A8 #AA9F94 #938980 #7C746C #655E58 #4E4844 #373330

#C1B5A8 - #373330

HSV Blend

#C1B5A8 - #373330 | 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 #C1B5A8 as 0% and #373330 as 100%.

0.0%	0.0% #C1B5A8	RGB 193 181 168	#C1B5A8
16.7%	16.7% #AA9F94	RGB 170 159 148	#AA9F94
33.3%	33.3% #938980	RGB 147 137 128	#938980
50.0%	50.0% #7C736C	RGB 124 115 108	#7C736C
66.7%	66.7% #655E58	RGB 101 94 88	#655E58
83.3%	83.3% #4E4844	RGB 78 72 68	#4E4844
100.0%	100.0% #373330	RGB 55 51 48	#373330

#C1B5A8 #AA9F94 #938980 #7C736C #655E58 #4E4844 #373330

#C1B5A8 - #7C736C - #373330

CSS codes

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

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