#C8D9E6 - #718EB0 | 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 #C8D9E6 to #718EB0

#C8D9E6 #718EB0

Calculate the color between two colors, #C8D9E6 and #718EB0. 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)

#C8D9E6 - #718EB0 | 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 #C8D9E6 as 0% and #718EB0 as 100%.

0.0%	0.0% #C8D9E6	RGB 200 217 230	#C8D9E6
16.7%	16.7% #B9CCDD	RGB 185 204 221	#B9CCDD
33.3%	33.3% #ABC0D4	RGB 171 192 212	#ABC0D4
50.0%	50.0% #9CB3CB	RGB 156 179 203	#9CB3CB
66.7%	66.7% #8EA7C2	RGB 142 167 194	#8EA7C2
83.3%	83.3% #7F9AB9	RGB 127 154 185	#7F9AB9
100.0%	100.0% #718EB0	RGB 113 142 176	#718EB0

#C8D9E6 #B9CCDD #ABC0D4 #9CB3CB #8EA7C2 #7F9AB9 #718EB0

#C8D9E6 - #718EB0

HSV Blend

#C8D9E6 - #718EB0 | 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 #C8D9E6 as 0% and #718EB0 as 100%.

0.0%	0.0% #C8D9E6	RGB 200 217 230	#C8D9E6
16.7%	16.7% #B7CCDD	RGB 183 204 221	#B7CCDD
33.3%	33.3% #A8BFD4	RGB 168 191 212	#A8BFD4
50.0%	50.0% #99B2CB	RGB 153 178 203	#99B2CB
66.7%	66.7% #8BA6C2	RGB 139 166 194	#8BA6C2
83.3%	83.3% #7D9AB9	RGB 125 154 185	#7D9AB9
100.0%	100.0% #718EB0	RGB 113 142 176	#718EB0

#C8D9E6 #B7CCDD #A8BFD4 #99B2CB #8BA6C2 #7D9AB9 #718EB0

#C8D9E6 - #99B2CB - #718EB0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8D9E6 0%, #99B2CB 50%, #718EB0 100%);
    background: -webkit-linear-gradient(top, #C8D9E6 0%, #99B2CB 50%, #718EB0 100%);
    background: linear-gradient(to bottom, #C8D9E6 0%, #99B2CB 50%, #718EB0 100%);
}
</style>