#2D4034 - #C3C8C5 | 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 #2D4034 to #C3C8C5

#2D4034 #C3C8C5

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

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

0.0%	0.0% #2D4034	RGB 45 64 52	#2D4034
16.7%	16.7% #46564C	RGB 70 86 76	#46564C
33.3%	33.3% #5F6D64	RGB 95 109 100	#5F6D64
50.0%	50.0% #78847C	RGB 120 132 124	#78847C
66.7%	66.7% #919A94	RGB 145 154 148	#919A94
83.3%	83.3% #AAB1AC	RGB 170 177 172	#AAB1AC
100.0%	100.0% #C3C8C5	RGB 195 200 197	#C3C8C5

#2D4034 #46564C #5F6D64 #78847C #919A94 #AAB1AC #C3C8C5

#2D4034 - #C3C8C5

HSV Blend

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

0.0%	0.0% #2D4034	RGB 45 64 52	#2D4034
16.7%	16.7% #405649	RGB 64 86 73	#405649
33.3%	33.3% #566D5F	RGB 86 109 95	#566D5F
50.0%	50.0% #6E8476	RGB 110 132 118	#6E8476
66.7%	66.7% #889A8F	RGB 136 154 143	#889A8F
83.3%	83.3% #A4B1A9	RGB 164 177 169	#A4B1A9
100.0%	100.0% #C3C8C5	RGB 195 200 197	#C3C8C5

#2D4034 #405649 #566D5F #6E8476 #889A8F #A4B1A9 #C3C8C5

#2D4034 - #6E8476 - #C3C8C5

CSS codes

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

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