#3E464B - #C7CACB | 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 #3E464B to #C7CACB

#3E464B #C7CACB

Calculate the color between two colors, #3E464B and #C7CACB. 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)

#3E464B - #C7CACB | 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 #3E464B as 0% and #C7CACB as 100%.

0.0%	0.0% #3E464B	RGB 62 70 75	#3E464B
16.7%	16.7% #545C60	RGB 84 92 96	#545C60
33.3%	33.3% #6B7275	RGB 107 114 117	#6B7275
50.0%	50.0% #82888B	RGB 130 136 139	#82888B
66.7%	66.7% #999EA0	RGB 153 158 160	#999EA0
83.3%	83.3% #B0B4B5	RGB 176 180 181	#B0B4B5
100.0%	100.0% #C7CACB	RGB 199 202 203	#C7CACB

#3E464B #545C60 #6B7275 #82888B #999EA0 #B0B4B5 #C7CACB

#3E464B - #C7CACB

HSV Blend

#3E464B - #C7CACB | 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 #3E464B as 0% and #C7CACB as 100%.

0.0%	0.0% #3E464B	RGB 62 70 75	#3E464B
16.7%	16.7% #525B60	RGB 82 91 96	#525B60
33.3%	33.3% #677075	RGB 103 112 117	#677075
50.0%	50.0% #7D868B	RGB 125 134 139	#7D868B
66.7%	66.7% #949CA0	RGB 148 156 160	#949CA0
83.3%	83.3% #ADB3B5	RGB 173 179 181	#ADB3B5
100.0%	100.0% #C7CACB	RGB 199 202 203	#C7CACB

#3E464B #525B60 #677075 #7D868B #949CA0 #ADB3B5 #C7CACB

#3E464B - #7D868B - #C7CACB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E464B 0%, #7D868B 50%, #C7CACB 100%);
    background: -webkit-linear-gradient(top, #3E464B 0%, #7D868B 50%, #C7CACB 100%);
    background: linear-gradient(to bottom, #3E464B 0%, #7D868B 50%, #C7CACB 100%);
}
</style>