#C0E4F7 - #669DCB | 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 #C0E4F7 to #669DCB

#C0E4F7 #669DCB

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

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

0.0%	0.0% #C0E4F7	RGB 192 228 247	#C0E4F7
16.7%	16.7% #B1D8EF	RGB 177 216 239	#B1D8EF
33.3%	33.3% #A2CCE8	RGB 162 204 232	#A2CCE8
50.0%	50.0% #93C0E1	RGB 147 192 225	#93C0E1
66.7%	66.7% #84B4D9	RGB 132 180 217	#84B4D9
83.3%	83.3% #75A8D2	RGB 117 168 210	#75A8D2
100.0%	100.0% #669DCB	RGB 102 157 203	#669DCB

#C0E4F7 #B1D8EF #A2CCE8 #93C0E1 #84B4D9 #75A8D2 #669DCB

#C0E4F7 - #669DCB

HSV Blend

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

0.0%	0.0% #C0E4F7	RGB 192 228 247	#C0E4F7
16.7%	16.7% #AFD8EF	RGB 175 216 239	#AFD8EF
33.3%	33.3% #9FCCE8	RGB 159 204 232	#9FCCE8
50.0%	50.0% #8FC0E1	RGB 143 192 225	#8FC0E1
66.7%	66.7% #81B4D9	RGB 129 180 217	#81B4D9
83.3%	83.3% #73A8D2	RGB 115 168 210	#73A8D2
100.0%	100.0% #669DCB	RGB 102 157 203	#669DCB

#C0E4F7 #AFD8EF #9FCCE8 #8FC0E1 #81B4D9 #73A8D2 #669DCB

#C0E4F7 - #8FC0E1 - #669DCB

CSS codes

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

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