#404B4C - #C8CACB | 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 #404B4C to #C8CACB

#404B4C #C8CACB

Calculate the color between two colors, #404B4C and #C8CACB. 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)

#404B4C - #C8CACB | 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 #404B4C as 0% and #C8CACB as 100%.

0.0%	0.0% #404B4C	RGB 64 75 76	#404B4C
16.7%	16.7% #566061	RGB 86 96 97	#566061
33.3%	33.3% #6D7576	RGB 109 117 118	#6D7576
50.0%	50.0% #848A8B	RGB 132 138 139	#848A8B
66.7%	66.7% #9A9FA0	RGB 154 159 160	#9A9FA0
83.3%	83.3% #B1B4B5	RGB 177 180 181	#B1B4B5
100.0%	100.0% #C8CACB	RGB 200 202 203	#C8CACB

#404B4C #566061 #6D7576 #848A8B #9A9FA0 #B1B4B5 #C8CACB

#404B4C - #C8CACB

HSV Blend

#404B4C - #C8CACB | 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 #404B4C as 0% and #C8CACB as 100%.

0.0%	0.0% #404B4C	RGB 64 75 76	#404B4C
16.7%	16.7% #545F61	RGB 84 95 97	#545F61
33.3%	33.3% #697476	RGB 105 116 118	#697476
50.0%	50.0% #7F888B	RGB 127 136 139	#7F888B
66.7%	66.7% #969EA0	RGB 150 158 160	#969EA0
83.3%	83.3% #AEB3B5	RGB 174 179 181	#AEB3B5
100.0%	100.0% #C8CACB	RGB 200 202 203	#C8CACB

#404B4C #545F61 #697476 #7F888B #969EA0 #AEB3B5 #C8CACB

#404B4C - #7F888B - #C8CACB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #404B4C 0%, #7F888B 50%, #C8CACB 100%);
    background: -webkit-linear-gradient(top, #404B4C 0%, #7F888B 50%, #C8CACB 100%);
    background: linear-gradient(to bottom, #404B4C 0%, #7F888B 50%, #C8CACB 100%);
}
</style>