#2D242F - #C3C0C2 | 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 #2D242F to #C3C0C2

#2D242F #C3C0C2

Calculate the color between two colors, #2D242F and #C3C0C2. 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)

#2D242F - #C3C0C2 | 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 #2D242F as 0% and #C3C0C2 as 100%.

0.0%	0.0% #2D242F	RGB 45 36 47	#2D242F
16.7%	16.7% #463E47	RGB 70 62 71	#463E47
33.3%	33.3% #5F5860	RGB 95 88 96	#5F5860
50.0%	50.0% #787278	RGB 120 114 120	#787278
66.7%	66.7% #918C91	RGB 145 140 145	#918C91
83.3%	83.3% #AAA6A9	RGB 170 166 169	#AAA6A9
100.0%	100.0% #C3C0C2	RGB 195 192 194	#C3C0C2

#2D242F #463E47 #5F5860 #787278 #918C91 #AAA6A9 #C3C0C2

#2D242F - #C3C0C2

HSV Blend

#2D242F - #C3C0C2 | 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 #2D242F as 0% and #C3C0C2 as 100%.

0.0%	0.0% #2D242F	RGB 45 36 47	#2D242F
16.7%	16.7% #463947	RGB 70 57 71	#463947
33.3%	33.3% #605060	RGB 96 80 96	#605060
50.0%	50.0% #796977	RGB 121 105 119	#796977
66.7%	66.7% #91848F	RGB 145 132 143	#91848F
83.3%	83.3% #AAA1A8	RGB 170 161 168	#AAA1A8
100.0%	100.0% #C3C0C2	RGB 195 192 194	#C3C0C2

#2D242F #463947 #605060 #796977 #91848F #AAA1A8 #C3C0C2

#2D242F - #796977 - #C3C0C2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D242F 0%, #796977 50%, #C3C0C2 100%);
    background: -webkit-linear-gradient(top, #2D242F 0%, #796977 50%, #C3C0C2 100%);
    background: linear-gradient(to bottom, #2D242F 0%, #796977 50%, #C3C0C2 100%);
}
</style>