#C2B5B8 - #373334 | 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 #C2B5B8 to #373334

#C2B5B8 #373334

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

#C2B5B8 - #373334 | 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 #C2B5B8 as 0% and #373334 as 100%.

0.0%	0.0% #C2B5B8	RGB 194 181 184	#C2B5B8
16.7%	16.7% #AA9FA2	RGB 170 159 162	#AA9FA2
33.3%	33.3% #93898C	RGB 147 137 140	#93898C
50.0%	50.0% #7C7476	RGB 124 116 118	#7C7476
66.7%	66.7% #655E60	RGB 101 94 96	#655E60
83.3%	83.3% #4E484A	RGB 78 72 74	#4E484A
100.0%	100.0% #373334	RGB 55 51 52	#373334

#C2B5B8 #AA9FA2 #93898C #7C7476 #655E60 #4E484A #373334

#C2B5B8 - #373334

HSV Blend

#C2B5B8 - #373334 | 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 #C2B5B8 as 0% and #373334 as 100%.

0.0%	0.0% #C2B5B8	RGB 194 181 184	#C2B5B8
16.7%	16.7% #AA9FA1	RGB 170 159 161	#AA9FA1
33.3%	33.3% #93898B	RGB 147 137 139	#93898B
50.0%	50.0% #7C7375	RGB 124 115 117	#7C7375
66.7%	66.7% #655E5F	RGB 101 94 95	#655E5F
83.3%	83.3% #4E4849	RGB 78 72 73	#4E4849
100.0%	100.0% #373334	RGB 55 51 52	#373334

#C2B5B8 #AA9FA1 #93898B #7C7375 #655E5F #4E4849 #373334

#C2B5B8 - #7C7375 - #373334

CSS codes

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

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