#C8D7DC - #5D93AB | 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 #C8D7DC to #5D93AB

#C8D7DC #5D93AB

Calculate the color between two colors, #C8D7DC and #5D93AB. 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)

#C8D7DC - #5D93AB | 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 #C8D7DC as 0% and #5D93AB as 100%.

0.0%	0.0% #C8D7DC	RGB 200 215 220	#C8D7DC
16.7%	16.7% #B6CBD3	RGB 182 203 211	#B6CBD3
33.3%	33.3% #A4C0CB	RGB 164 192 203	#A4C0CB
50.0%	50.0% #92B5C3	RGB 146 181 195	#92B5C3
66.7%	66.7% #80A9BB	RGB 128 169 187	#80A9BB
83.3%	83.3% #6E9EB3	RGB 110 158 179	#6E9EB3
100.0%	100.0% #5D93AB	RGB 93 147 171	#5D93AB

#C8D7DC #B6CBD3 #A4C0CB #92B5C3 #80A9BB #6E9EB3 #5D93AB

#C8D7DC - #5D93AB

HSV Blend

#C8D7DC - #5D93AB | 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 #C8D7DC as 0% and #5D93AB as 100%.

0.0%	0.0% #C8D7DC	RGB 200 215 220	#C8D7DC
16.7%	16.7% #B3CBD3	RGB 179 203 211	#B3CBD3
33.3%	33.3% #A0C0CB	RGB 160 192 203	#A0C0CB
50.0%	50.0% #8EB4C3	RGB 142 180 195	#8EB4C3
66.7%	66.7% #7CA9BB	RGB 124 169 187	#7CA9BB
83.3%	83.3% #6C9EB3	RGB 108 158 179	#6C9EB3
100.0%	100.0% #5D93AB	RGB 93 147 171	#5D93AB

#C8D7DC #B3CBD3 #A0C0CB #8EB4C3 #7CA9BB #6C9EB3 #5D93AB

#C8D7DC - #8EB4C3 - #5D93AB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8D7DC 0%, #8EB4C3 50%, #5D93AB 100%);
    background: -webkit-linear-gradient(top, #C8D7DC 0%, #8EB4C3 50%, #5D93AB 100%);
    background: linear-gradient(to bottom, #C8D7DC 0%, #8EB4C3 50%, #5D93AB 100%);
}
</style>