#404345 - #C8C8C9 | 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 #404345 to #C8C8C9

#404345 #C8C8C9

Calculate the color between two colors, #404345 and #C8C8C9. 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)

#404345 - #C8C8C9 | 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 #404345 as 0% and #C8C8C9 as 100%.

0.0%	0.0% #404345	RGB 64 67 69	#404345
16.7%	16.7% #56595B	RGB 86 89 91	#56595B
33.3%	33.3% #6D6F71	RGB 109 111 113	#6D6F71
50.0%	50.0% #848587	RGB 132 133 135	#848587
66.7%	66.7% #9A9B9D	RGB 154 155 157	#9A9B9D
83.3%	83.3% #B1B1B3	RGB 177 177 179	#B1B1B3
100.0%	100.0% #C8C8C9	RGB 200 200 201	#C8C8C9

#404345 #56595B #6D6F71 #848587 #9A9B9D #B1B1B3 #C8C8C9

#404345 - #C8C8C9

HSV Blend

#404345 - #C8C8C9 | 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 #404345 as 0% and #C8C8C9 as 100%.

0.0%	0.0% #404345	RGB 64 67 69	#404345
16.7%	16.7% #55585B	RGB 85 88 91	#55585B
33.3%	33.3% #6B6D71	RGB 107 109 113	#6B6D71
50.0%	50.0% #818387	RGB 129 131 135	#818387
66.7%	66.7% #98999D	RGB 152 153 157	#98999D
83.3%	83.3% #B0B0B3	RGB 176 176 179	#B0B0B3
100.0%	100.0% #C8C8C9	RGB 200 200 201	#C8C8C9

#404345 #55585B #6B6D71 #818387 #98999D #B0B0B3 #C8C8C9

#404345 - #818387 - #C8C8C9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #404345 0%, #818387 50%, #C8C8C9 100%);
    background: -webkit-linear-gradient(top, #404345 0%, #818387 50%, #C8C8C9 100%);
    background: linear-gradient(to bottom, #404345 0%, #818387 50%, #C8C8C9 100%);
}
</style>