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

#2D2D31 #C3C3C4

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

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

0.0%	0.0% #2D2D31	RGB 45 45 49	#2D2D31
16.7%	16.7% #464649	RGB 70 70 73	#464649
33.3%	33.3% #5F5F62	RGB 95 95 98	#5F5F62
50.0%	50.0% #78787A	RGB 120 120 122	#78787A
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

#2D2D31 #464649 #5F5F62 #78787A #919193 #AAAAAB #C3C3C4

#2D2D31 - #C3C3C4

HSV Blend

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

0.0%	0.0% #2D2D31	RGB 45 45 49	#2D2D31
16.7%	16.7% #444449	RGB 68 68 73	#444449
33.3%	33.3% #5C5C62	RGB 92 92 98	#5C5C62
50.0%	50.0% #75757A	RGB 117 117 122	#75757A
66.7%	66.7% #8E8E93	RGB 142 142 147	#8E8E93
83.3%	83.3% #A8A8AB	RGB 168 168 171	#A8A8AB
100.0%	100.0% #C3C3C4	RGB 195 195 196	#C3C3C4

#2D2D31 #444449 #5C5C62 #75757A #8E8E93 #A8A8AB #C3C3C4

#2D2D31 - #75757A - #C3C3C4

CSS codes

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

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