#C3E3FD - #669BD4 | 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 #C3E3FD to #669BD4

#C3E3FD #669BD4

Calculate the color between two colors, #C3E3FD and #669BD4. 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)

#C3E3FD - #669BD4 | 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 #C3E3FD as 0% and #669BD4 as 100%.

0.0%	0.0% #C3E3FD	RGB 195 227 253	#C3E3FD
16.7%	16.7% #B3D7F6	RGB 179 215 246	#B3D7F6
33.3%	33.3% #A4CBEF	RGB 164 203 239	#A4CBEF
50.0%	50.0% #94BFE8	RGB 148 191 232	#94BFE8
66.7%	66.7% #85B3E1	RGB 133 179 225	#85B3E1
83.3%	83.3% #75A7DA	RGB 117 167 218	#75A7DA
100.0%	100.0% #669BD4	RGB 102 155 212	#669BD4

#C3E3FD #B3D7F6 #A4CBEF #94BFE8 #85B3E1 #75A7DA #669BD4

#C3E3FD - #669BD4

HSV Blend

#C3E3FD - #669BD4 | 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 #C3E3FD as 0% and #669BD4 as 100%.

0.0%	0.0% #C3E3FD	RGB 195 227 253	#C3E3FD
16.7%	16.7% #B1D6F6	RGB 177 214 246	#B1D6F6
33.3%	33.3% #A1CAEF	RGB 161 202 239	#A1CAEF
50.0%	50.0% #91BEE8	RGB 145 190 232	#91BEE8
66.7%	66.7% #82B2E1	RGB 130 178 225	#82B2E1
83.3%	83.3% #73A6DA	RGB 115 166 218	#73A6DA
100.0%	100.0% #669BD4	RGB 102 155 212	#669BD4

#C3E3FD #B1D6F6 #A1CAEF #91BEE8 #82B2E1 #73A6DA #669BD4

#C3E3FD - #91BEE8 - #669BD4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3E3FD 0%, #91BEE8 50%, #669BD4 100%);
    background: -webkit-linear-gradient(top, #C3E3FD 0%, #91BEE8 50%, #669BD4 100%);
    background: linear-gradient(to bottom, #C3E3FD 0%, #91BEE8 50%, #669BD4 100%);
}
</style>