#2D464B - #C3CACB | 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 #2D464B to #C3CACB

#2D464B #C3CACB

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

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

0.0%	0.0% #2D464B	RGB 45 70 75	#2D464B
16.7%	16.7% #465C60	RGB 70 92 96	#465C60
33.3%	33.3% #5F7275	RGB 95 114 117	#5F7275
50.0%	50.0% #78888B	RGB 120 136 139	#78888B
66.7%	66.7% #919EA0	RGB 145 158 160	#919EA0
83.3%	83.3% #AAB4B5	RGB 170 180 181	#AAB4B5
100.0%	100.0% #C3CACB	RGB 195 202 203	#C3CACB

#2D464B #465C60 #5F7275 #78888B #919EA0 #AAB4B5 #C3CACB

#2D464B - #C3CACB

HSV Blend

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

0.0%	0.0% #2D464B	RGB 45 70 75	#2D464B
16.7%	16.7% #3F5B60	RGB 63 91 96	#3F5B60
33.3%	33.3% #547075	RGB 84 112 117	#547075
50.0%	50.0% #6C868B	RGB 108 134 139	#6C868B
66.7%	66.7% #869CA0	RGB 134 156 160	#869CA0
83.3%	83.3% #A3B3B5	RGB 163 179 181	#A3B3B5
100.0%	100.0% #C3CACB	RGB 195 202 203	#C3CACB

#2D464B #3F5B60 #547075 #6C868B #869CA0 #A3B3B5 #C3CACB

#2D464B - #6C868B - #C3CACB

CSS codes

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

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