#C8D0EC - #7386C0 | 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 #C8D0EC to #7386C0

#C8D0EC #7386C0

Calculate the color between two colors, #C8D0EC and #7386C0. 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)

#C8D0EC - #7386C0 | 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 #C8D0EC as 0% and #7386C0 as 100%.

0.0%	0.0% #C8D0EC	RGB 200 208 236	#C8D0EC
16.7%	16.7% #B9C3E4	RGB 185 195 228	#B9C3E4
33.3%	33.3% #ABB7DD	RGB 171 183 221	#ABB7DD
50.0%	50.0% #9DABD6	RGB 157 171 214	#9DABD6
66.7%	66.7% #8F9ECE	RGB 143 158 206	#8F9ECE
83.3%	83.3% #8192C7	RGB 129 146 199	#8192C7
100.0%	100.0% #7386C0	RGB 115 134 192	#7386C0

#C8D0EC #B9C3E4 #ABB7DD #9DABD6 #8F9ECE #8192C7 #7386C0

#C8D0EC - #7386C0

HSV Blend

#C8D0EC - #7386C0 | 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 #C8D0EC as 0% and #7386C0 as 100%.

0.0%	0.0% #C8D0EC	RGB 200 208 236	#C8D0EC
16.7%	16.7% #B8C2E4	RGB 184 194 228	#B8C2E4
33.3%	33.3% #A9B5DD	RGB 169 181 221	#A9B5DD
50.0%	50.0% #9AA8D6	RGB 154 168 214	#9AA8D6
66.7%	66.7% #8C9CCE	RGB 140 156 206	#8C9CCE
83.3%	83.3% #7F91C7	RGB 127 145 199	#7F91C7
100.0%	100.0% #7386C0	RGB 115 134 192	#7386C0

#C8D0EC #B8C2E4 #A9B5DD #9AA8D6 #8C9CCE #7F91C7 #7386C0

#C8D0EC - #9AA8D6 - #7386C0

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8D0EC 0%, #9AA8D6 50%, #7386C0 100%);
    background: -webkit-linear-gradient(top, #C8D0EC 0%, #9AA8D6 50%, #7386C0 100%);
    background: linear-gradient(to bottom, #C8D0EC 0%, #9AA8D6 50%, #7386C0 100%);
}
</style>