#C8DEE1 - #393F40 | 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 #C8DEE1 to #393F40

#C8DEE1 #393F40

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

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

0.0%	0.0% #C8DEE1	RGB 200 222 225	#C8DEE1
16.7%	16.7% #B0C3C6	RGB 176 195 198	#B0C3C6
33.3%	33.3% #98A9AB	RGB 152 169 171	#98A9AB
50.0%	50.0% #808E90	RGB 128 142 144	#808E90
66.7%	66.7% #687475	RGB 104 116 117	#687475
83.3%	83.3% #50595A	RGB 80 89 90	#50595A
100.0%	100.0% #393F40	RGB 57 63 64	#393F40

#C8DEE1 #B0C3C6 #98A9AB #808E90 #687475 #50595A #393F40

#C8DEE1 - #393F40

HSV Blend

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

0.0%	0.0% #C8DEE1	RGB 200 222 225	#C8DEE1
16.7%	16.7% #B0C3C6	RGB 176 195 198	#B0C3C6
33.3%	33.3% #98A8AB	RGB 152 168 171	#98A8AB
50.0%	50.0% #808E90	RGB 128 142 144	#808E90
66.7%	66.7% #687375	RGB 104 115 117	#687375
83.3%	83.3% #50595A	RGB 80 89 90	#50595A
100.0%	100.0% #393F40	RGB 57 63 64	#393F40

#C8DEE1 #B0C3C6 #98A8AB #808E90 #687375 #50595A #393F40

#C8DEE1 - #808E90 - #393F40

CSS codes

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

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