#2D4A47 - #C3CBCB | 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 #2D4A47 to #C3CBCB

#2D4A47 #C3CBCB

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

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

0.0%	0.0% #2D4A47	RGB 45 74 71	#2D4A47
16.7%	16.7% #465F5D	RGB 70 95 93	#465F5D
33.3%	33.3% #5F7573	RGB 95 117 115	#5F7573
50.0%	50.0% #788A89	RGB 120 138 137	#788A89
66.7%	66.7% #91A09F	RGB 145 160 159	#91A09F
83.3%	83.3% #AAB5B5	RGB 170 181 181	#AAB5B5
100.0%	100.0% #C3CBCB	RGB 195 203 203	#C3CBCB

#2D4A47 #465F5D #5F7573 #788A89 #91A09F #AAB5B5 #C3CBCB

#2D4A47 - #C3CBCB

HSV Blend

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

0.0%	0.0% #2D4A47	RGB 45 74 71	#2D4A47
16.7%	16.7% #3F5F5C	RGB 63 95 92	#3F5F5C
33.3%	33.3% #547572	RGB 84 117 114	#547572
50.0%	50.0% #6C8A88	RGB 108 138 136	#6C8A88
66.7%	66.7% #86A09F	RGB 134 160 159	#86A09F
83.3%	83.3% #A3B5B5	RGB 163 181 181	#A3B5B5
100.0%	100.0% #C3CBCB	RGB 195 203 203	#C3CBCB

#2D4A47 #3F5F5C #547572 #6C8A88 #86A09F #A3B5B5 #C3CBCB

#2D4A47 - #6C8A88 - #C3CBCB

CSS codes

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

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