#C7E0FE - #669ADB | 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 #C7E0FE to #669ADB

#C7E0FE #669ADB

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

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

0.0%	0.0% #C7E0FE	RGB 199 224 254	#C7E0FE
16.7%	16.7% #B6D4F8	RGB 182 212 248	#B6D4F8
33.3%	33.3% #A6C8F2	RGB 166 200 242	#A6C8F2
50.0%	50.0% #96BDEC	RGB 150 189 236	#96BDEC
66.7%	66.7% #86B1E6	RGB 134 177 230	#86B1E6
83.3%	83.3% #76A5E0	RGB 118 165 224	#76A5E0
100.0%	100.0% #669ADB	RGB 102 154 219	#669ADB

#C7E0FE #B6D4F8 #A6C8F2 #96BDEC #86B1E6 #76A5E0 #669ADB

#C7E0FE - #669ADB

HSV Blend

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

0.0%	0.0% #C7E0FE	RGB 199 224 254	#C7E0FE
16.7%	16.7% #B5D3F8	RGB 181 211 248	#B5D3F8
33.3%	33.3% #A4C7F2	RGB 164 199 242	#A4C7F2
50.0%	50.0% #93BBEC	RGB 147 187 236	#93BBEC
66.7%	66.7% #83B0E6	RGB 131 176 230	#83B0E6
83.3%	83.3% #74A4E0	RGB 116 164 224	#74A4E0
100.0%	100.0% #669ADB	RGB 102 154 219	#669ADB

#C7E0FE #B5D3F8 #A4C7F2 #93BBEC #83B0E6 #74A4E0 #669ADB

#C7E0FE - #93BBEC - #669ADB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7E0FE 0%, #93BBEC 50%, #669ADB 100%);
    background: -webkit-linear-gradient(top, #C7E0FE 0%, #93BBEC 50%, #669ADB 100%);
    background: linear-gradient(to bottom, #C7E0FE 0%, #93BBEC 50%, #669ADB 100%);
}
</style>