#C0DAEC - #6790B9 | 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 #C0DAEC to #6790B9

#C0DAEC #6790B9

Calculate the color between two colors, #C0DAEC and #6790B9. 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)

#C0DAEC - #6790B9 | 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 #C0DAEC as 0% and #6790B9 as 100%.

0.0%	0.0% #C0DAEC	RGB 192 218 236	#C0DAEC
16.7%	16.7% #B1CDE3	RGB 177 205 227	#B1CDE3
33.3%	33.3% #A2C1DB	RGB 162 193 219	#A2C1DB
50.0%	50.0% #93B5D2	RGB 147 181 210	#93B5D2
66.7%	66.7% #84A8CA	RGB 132 168 202	#84A8CA
83.3%	83.3% #759CC1	RGB 117 156 193	#759CC1
100.0%	100.0% #6790B9	RGB 103 144 185	#6790B9

#C0DAEC #B1CDE3 #A2C1DB #93B5D2 #84A8CA #759CC1 #6790B9

#C0DAEC - #6790B9

HSV Blend

#C0DAEC - #6790B9 | 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 #C0DAEC as 0% and #6790B9 as 100%.

0.0%	0.0% #C0DAEC	RGB 192 218 236	#C0DAEC
16.7%	16.7% #AFCDE3	RGB 175 205 227	#AFCDE3
33.3%	33.3% #9FC0DB	RGB 159 192 219	#9FC0DB
50.0%	50.0% #90B4D2	RGB 144 180 210	#90B4D2
66.7%	66.7% #81A8CA	RGB 129 168 202	#81A8CA
83.3%	83.3% #749BC1	RGB 116 155 193	#749BC1
100.0%	100.0% #6790B9	RGB 103 144 185	#6790B9

#C0DAEC #AFCDE3 #9FC0DB #90B4D2 #81A8CA #749BC1 #6790B9

#C0DAEC - #90B4D2 - #6790B9

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0DAEC 0%, #90B4D2 50%, #6790B9 100%);
    background: -webkit-linear-gradient(top, #C0DAEC 0%, #90B4D2 50%, #6790B9 100%);
    background: linear-gradient(to bottom, #C0DAEC 0%, #90B4D2 50%, #6790B9 100%);
}
</style>