#2E2D32 - #C3C3C4 | 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 #2E2D32 to #C3C3C4

#2E2D32 #C3C3C4

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

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

0.0%	0.0% #2E2D32	RGB 46 45 50	#2E2D32
16.7%	16.7% #46464A	RGB 70 70 74	#46464A
33.3%	33.3% #5F5F62	RGB 95 95 98	#5F5F62
50.0%	50.0% #78787B	RGB 120 120 123	#78787B
66.7%	66.7% #919193	RGB 145 145 147	#919193
83.3%	83.3% #AAAAAB	RGB 170 170 171	#AAAAAB
100.0%	100.0% #C3C3C4	RGB 195 195 196	#C3C3C4

#2E2D32 #46464A #5F5F62 #78787B #919193 #AAAAAB #C3C3C4

#2E2D32 - #C3C3C4

HSV Blend

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

0.0%	0.0% #2E2D32	RGB 46 45 50	#2E2D32
16.7%	16.7% #45444A	RGB 69 68 74	#45444A
33.3%	33.3% #5C5B62	RGB 92 91 98	#5C5B62
50.0%	50.0% #75747B	RGB 117 116 123	#75747B
66.7%	66.7% #8E8D93	RGB 142 141 147	#8E8D93
83.3%	83.3% #A8A8AB	RGB 168 168 171	#A8A8AB
100.0%	100.0% #C3C3C4	RGB 195 195 196	#C3C3C4

#2E2D32 #45444A #5C5B62 #75747B #8E8D93 #A8A8AB #C3C3C4

#2E2D32 - #75747B - #C3C3C4

CSS codes

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

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