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

#2D2F31 #C3C3C4

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

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

0.0%	0.0% #2D2F31	RGB 45 47 49	#2D2F31
16.7%	16.7% #464749	RGB 70 71 73	#464749
33.3%	33.3% #5F6062	RGB 95 96 98	#5F6062
50.0%	50.0% #78797A	RGB 120 121 122	#78797A
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

#2D2F31 #464749 #5F6062 #78797A #919193 #AAAAAB #C3C3C4

#2D2F31 - #C3C3C4

HSV Blend

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

0.0%	0.0% #2D2F31	RGB 45 47 49	#2D2F31
16.7%	16.7% #444649	RGB 68 70 73	#444649
33.3%	33.3% #5C5E62	RGB 92 94 98	#5C5E62
50.0%	50.0% #75767A	RGB 117 118 122	#75767A
66.7%	66.7% #8E8F93	RGB 142 143 147	#8E8F93
83.3%	83.3% #A8A8AB	RGB 168 168 171	#A8A8AB
100.0%	100.0% #C3C3C4	RGB 195 195 196	#C3C3C4

#2D2F31 #444649 #5C5E62 #75767A #8E8F93 #A8A8AB #C3C3C4

#2D2F31 - #75767A - #C3C3C4

CSS codes

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

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