#40252D - #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 #40252D to #C8C0C2

#40252D #C8C0C2

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

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

0.0%	0.0% #40252D	RGB 64 37 45	#40252D
16.7%	16.7% #563E45	RGB 86 62 69	#563E45
33.3%	33.3% #6D585E	RGB 109 88 94	#6D585E
50.0%	50.0% #847277	RGB 132 114 119	#847277
66.7%	66.7% #9A8C90	RGB 154 140 144	#9A8C90
83.3%	83.3% #B1A6A9	RGB 177 166 169	#B1A6A9
100.0%	100.0% #C8C0C2	RGB 200 192 194	#C8C0C2

#40252D #563E45 #6D585E #847277 #9A8C90 #B1A6A9 #C8C0C2

#40252D - #C8C0C2

HSV Blend

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

0.0%	0.0% #40252C	RGB 64 37 44	#40252C
16.7%	16.7% #563740	RGB 86 55 64	#563740
33.3%	33.3% #6D4D56	RGB 109 77 86	#6D4D56
50.0%	50.0% #84656D	RGB 132 101 109	#84656D
66.7%	66.7% #9A8087	RGB 154 128 135	#9A8087
83.3%	83.3% #B19EA3	RGB 177 158 163	#B19EA3
100.0%	100.0% #C8C0C2	RGB 200 192 194	#C8C0C2

#40252C #563740 #6D4D56 #84656D #9A8087 #B19EA3 #C8C0C2

#40252D - #84656D - #C8C0C2

CSS codes

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

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