#C8CED2 - #393A3C | 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 #C8CED2 to #393A3C

#C8CED2 #393A3C

Calculate the color between two colors, #C8CED2 and #393A3C. 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)

#C8CED2 - #393A3C | 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 #C8CED2 as 0% and #393A3C as 100%.

0.0%	0.0% #C8CED2	RGB 200 206 210	#C8CED2
16.7%	16.7% #B0B5B9	RGB 176 181 185	#B0B5B9
33.3%	33.3% #989CA0	RGB 152 156 160	#989CA0
50.0%	50.0% #808487	RGB 128 132 135	#808487
66.7%	66.7% #686B6E	RGB 104 107 110	#686B6E
83.3%	83.3% #505255	RGB 80 82 85	#505255
100.0%	100.0% #393A3C	RGB 57 58 60	#393A3C

#C8CED2 #B0B5B9 #989CA0 #808487 #686B6E #505255 #393A3C

#C8CED2 - #393A3C

HSV Blend

#C8CED2 - #393A3C | 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 #C8CED2 as 0% and #393A3C as 100%.

0.0%	0.0% #C8CED2	RGB 200 206 210	#C8CED2
16.7%	16.7% #B0B5B9	RGB 176 181 185	#B0B5B9
33.3%	33.3% #989CA0	RGB 152 156 160	#989CA0
50.0%	50.0% #808387	RGB 128 131 135	#808387
66.7%	66.7% #686A6E	RGB 104 106 110	#686A6E
83.3%	83.3% #505255	RGB 80 82 85	#505255
100.0%	100.0% #393A3C	RGB 57 58 60	#393A3C

#C8CED2 #B0B5B9 #989CA0 #808387 #686A6E #505255 #393A3C

#C8CED2 - #808387 - #393A3C

CSS codes

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

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