#C8CDF0 - #393A44 | 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 #C8CDF0 to #393A44

#C8CDF0 #393A44

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

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

0.0%	0.0% #C8CDF0	RGB 200 205 240	#C8CDF0
16.7%	16.7% #B0B4D3	RGB 176 180 211	#B0B4D3
33.3%	33.3% #989CB6	RGB 152 156 182	#989CB6
50.0%	50.0% #80839A	RGB 128 131 154	#80839A
66.7%	66.7% #686B7D	RGB 104 107 125	#686B7D
83.3%	83.3% #505260	RGB 80 82 96	#505260
100.0%	100.0% #393A44	RGB 57 58 68	#393A44

#C8CDF0 #B0B4D3 #989CB6 #80839A #686B7D #505260 #393A44

#C8CDF0 - #393A44

HSV Blend

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

0.0%	0.0% #C8CDF0	RGB 200 205 240	#C8CDF0
16.7%	16.7% #B0B4D3	RGB 176 180 211	#B0B4D3
33.3%	33.3% #989BB6	RGB 152 155 182	#989BB6
50.0%	50.0% #80839A	RGB 128 131 154	#80839A
66.7%	66.7% #686A7D	RGB 104 106 125	#686A7D
83.3%	83.3% #505260	RGB 80 82 96	#505260
100.0%	100.0% #393A44	RGB 57 58 68	#393A44

#C8CDF0 #B0B4D3 #989BB6 #80839A #686A7D #505260 #393A44

#C8CDF0 - #80839A - #393A44

CSS codes

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

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