#8EB2FF - #C1D9F0 | 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 #8EB2FF to #C1D9F0

#8EB2FF #C1D9F0

Calculate the color between two colors, #8EB2FF and #C1D9F0. 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)

#8EB2FF - #C1D9F0 | 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 #8EB2FF as 0% and #C1D9F0 as 100%.

0.0%	0.0% #8EB2FF	RGB 142 178 255	#8EB2FF
16.7%	16.7% #96B8FC	RGB 150 184 252	#96B8FC
33.3%	33.3% #9FBFFA	RGB 159 191 250	#9FBFFA
50.0%	50.0% #A7C5F7	RGB 167 197 247	#A7C5F7
66.7%	66.7% #B0CCF5	RGB 176 204 245	#B0CCF5
83.3%	83.3% #B8D2F2	RGB 184 210 242	#B8D2F2
100.0%	100.0% #C1D9F0	RGB 193 217 240	#C1D9F0

#8EB2FF #96B8FC #9FBFFA #A7C5F7 #B0CCF5 #B8D2F2 #C1D9F0

#8EB2FF - #C1D9F0

HSV Blend

#8EB2FF - #C1D9F0 | 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 #8EB2FF as 0% and #C1D9F0 as 100%.

0.0%	0.0% #8EB2FF	RGB 142 178 255	#8EB2FF
16.7%	16.7% #97BAFC	RGB 151 186 252	#97BAFC
33.3%	33.3% #9FC2FA	RGB 159 194 250	#9FC2FA
50.0%	50.0% #A8C9F7	RGB 168 201 247	#A8C9F7
66.7%	66.7% #B0CFF5	RGB 176 207 245	#B0CFF5
83.3%	83.3% #B9D4F2	RGB 185 212 242	#B9D4F2
100.0%	100.0% #C1D9F0	RGB 193 217 240	#C1D9F0

#8EB2FF #97BAFC #9FC2FA #A8C9F7 #B0CFF5 #B9D4F2 #C1D9F0

#8EB2FF - #A8C9F7 - #C1D9F0

CSS codes

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

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