#C9DAE6 - #7390B0 | 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 #C9DAE6 to #7390B0

#C9DAE6 #7390B0

Calculate the color between two colors, #C9DAE6 and #7390B0. 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)

#C9DAE6 - #7390B0 | 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 #C9DAE6 as 0% and #7390B0 as 100%.

0.0%	0.0% #C9DAE6	RGB 201 218 230	#C9DAE6
16.7%	16.7% #BACDDD	RGB 186 205 221	#BACDDD
33.3%	33.3% #ACC1D4	RGB 172 193 212	#ACC1D4
50.0%	50.0% #9EB5CB	RGB 158 181 203	#9EB5CB
66.7%	66.7% #8FA8C2	RGB 143 168 194	#8FA8C2
83.3%	83.3% #819CB9	RGB 129 156 185	#819CB9
100.0%	100.0% #7390B0	RGB 115 144 176	#7390B0

#C9DAE6 #BACDDD #ACC1D4 #9EB5CB #8FA8C2 #819CB9 #7390B0

#C9DAE6 - #7390B0

HSV Blend

#C9DAE6 - #7390B0 | 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 #C9DAE6 as 0% and #7390B0 as 100%.

0.0%	0.0% #C9DAE6	RGB 201 218 230	#C9DAE6
16.7%	16.7% #B9CDDD	RGB 185 205 221	#B9CDDD
33.3%	33.3% #A9C0D4	RGB 169 192 212	#A9C0D4
50.0%	50.0% #9BB4CB	RGB 155 180 203	#9BB4CB
66.7%	66.7% #8DA8C2	RGB 141 168 194	#8DA8C2
83.3%	83.3% #7F9BB9	RGB 127 155 185	#7F9BB9
100.0%	100.0% #7390B0	RGB 115 144 176	#7390B0

#C9DAE6 #B9CDDD #A9C0D4 #9BB4CB #8DA8C2 #7F9BB9 #7390B0

#C9DAE6 - #9BB4CB - #7390B0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9DAE6 0%, #9BB4CB 50%, #7390B0 100%);
    background: -webkit-linear-gradient(top, #C9DAE6 0%, #9BB4CB 50%, #7390B0 100%);
    background: linear-gradient(to bottom, #C9DAE6 0%, #9BB4CB 50%, #7390B0 100%);
}
</style>