#C7D9E6 - #708EB0 | 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 #C7D9E6 to #708EB0

#C7D9E6 #708EB0

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

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

0.0%	0.0% #C7D9E6	RGB 199 217 230	#C7D9E6
16.7%	16.7% #B8CCDD	RGB 184 204 221	#B8CCDD
33.3%	33.3% #AAC0D4	RGB 170 192 212	#AAC0D4
50.0%	50.0% #9BB3CB	RGB 155 179 203	#9BB3CB
66.7%	66.7% #8DA7C2	RGB 141 167 194	#8DA7C2
83.3%	83.3% #7E9AB9	RGB 126 154 185	#7E9AB9
100.0%	100.0% #708EB0	RGB 112 142 176	#708EB0

#C7D9E6 #B8CCDD #AAC0D4 #9BB3CB #8DA7C2 #7E9AB9 #708EB0

#C7D9E6 - #708EB0

HSV Blend

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

0.0%	0.0% #C7D9E6	RGB 199 217 230	#C7D9E6
16.7%	16.7% #B6CCDD	RGB 182 204 221	#B6CCDD
33.3%	33.3% #A7BFD4	RGB 167 191 212	#A7BFD4
50.0%	50.0% #98B2CB	RGB 152 178 203	#98B2CB
66.7%	66.7% #8AA6C2	RGB 138 166 194	#8AA6C2
83.3%	83.3% #7C9AB9	RGB 124 154 185	#7C9AB9
100.0%	100.0% #708EB0	RGB 112 142 176	#708EB0

#C7D9E6 #B6CCDD #A7BFD4 #98B2CB #8AA6C2 #7C9AB9 #708EB0

#C7D9E6 - #98B2CB - #708EB0

CSS codes

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

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