#41252C - #C8C0C2 | 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 #41252C to #C8C0C2

#41252C #C8C0C2

Calculate the color between two colors, #41252C and #C8C0C2. 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)

#41252C - #C8C0C2 | 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 #41252C as 0% and #C8C0C2 as 100%.

0.0%	0.0% #41252C	RGB 65 37 44	#41252C
16.7%	16.7% #573E45	RGB 87 62 69	#573E45
33.3%	33.3% #6E585E	RGB 110 88 94	#6E585E
50.0%	50.0% #847277	RGB 132 114 119	#847277
66.7%	66.7% #9B8C90	RGB 155 140 144	#9B8C90
83.3%	83.3% #B1A6A9	RGB 177 166 169	#B1A6A9
100.0%	100.0% #C8C0C2	RGB 200 192 194	#C8C0C2

#41252C #573E45 #6E585E #847277 #9B8C90 #B1A6A9 #C8C0C2

#41252C - #C8C0C2

HSV Blend

#41252C - #C8C0C2 | 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 #41252C as 0% and #C8C0C2 as 100%.

0.0%	0.0% #41252C	RGB 65 37 44	#41252C
16.7%	16.7% #57373F	RGB 87 55 63	#57373F
33.3%	33.3% #6E4C55	RGB 110 76 85	#6E4C55
50.0%	50.0% #84656D	RGB 132 101 109	#84656D
66.7%	66.7% #9B8087	RGB 155 128 135	#9B8087
83.3%	83.3% #B19EA3	RGB 177 158 163	#B19EA3
100.0%	100.0% #C8C0C2	RGB 200 192 194	#C8C0C2

#41252C #57373F #6E4C55 #84656D #9B8087 #B19EA3 #C8C0C2

#41252C - #84656D - #C8C0C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #41252C 0%, #84656D 50%, #C8C0C2 100%);
    background: -webkit-linear-gradient(top, #41252C 0%, #84656D 50%, #C8C0C2 100%);
    background: linear-gradient(to bottom, #41252C 0%, #84656D 50%, #C8C0C2 100%);
}
</style>