#2D3C31 - #C3C7C4 | 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 #2D3C31 to #C3C7C4

#2D3C31 #C3C7C4

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

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

0.0%	0.0% #2D3C31	RGB 45 60 49	#2D3C31
16.7%	16.7% #465349	RGB 70 83 73	#465349
33.3%	33.3% #5F6A62	RGB 95 106 98	#5F6A62
50.0%	50.0% #78817A	RGB 120 129 122	#78817A
66.7%	66.7% #919893	RGB 145 152 147	#919893
83.3%	83.3% #AAAFAB	RGB 170 175 171	#AAAFAB
100.0%	100.0% #C3C7C4	RGB 195 199 196	#C3C7C4

#2D3C31 #465349 #5F6A62 #78817A #919893 #AAAFAB #C3C7C4

#2D3C31 - #C3C7C4

HSV Blend

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

0.0%	0.0% #2D3C31	RGB 45 60 49	#2D3C31
16.7%	16.7% #415346	RGB 65 83 70	#415346
33.3%	33.3% #576A5C	RGB 87 106 92	#576A5C
50.0%	50.0% #708174	RGB 112 129 116	#708174
66.7%	66.7% #89988D	RGB 137 152 141	#89988D
83.3%	83.3% #A5AFA8	RGB 165 175 168	#A5AFA8
100.0%	100.0% #C3C7C4	RGB 195 199 196	#C3C7C4

#2D3C31 #415346 #576A5C #708174 #89988D #A5AFA8 #C3C7C4

#2D3C31 - #708174 - #C3C7C4

CSS codes

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

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