#C0D6EC - #668AB9 | 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 #C0D6EC to #668AB9

#C0D6EC #668AB9

Calculate the color between two colors, #C0D6EC and #668AB9. 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)

#C0D6EC - #668AB9 | 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 #C0D6EC as 0% and #668AB9 as 100%.

0.0%	0.0% #C0D6EC	RGB 192 214 236	#C0D6EC
16.7%	16.7% #B1C9E3	RGB 177 201 227	#B1C9E3
33.3%	33.3% #A2BCDB	RGB 162 188 219	#A2BCDB
50.0%	50.0% #93B0D2	RGB 147 176 210	#93B0D2
66.7%	66.7% #84A3CA	RGB 132 163 202	#84A3CA
83.3%	83.3% #7596C1	RGB 117 150 193	#7596C1
100.0%	100.0% #668AB9	RGB 102 138 185	#668AB9

#C0D6EC #B1C9E3 #A2BCDB #93B0D2 #84A3CA #7596C1 #668AB9

#C0D6EC - #668AB9

HSV Blend

#C0D6EC - #668AB9 | 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 #C0D6EC as 0% and #668AB9 as 100%.

0.0%	0.0% #C0D6EC	RGB 192 214 236	#C0D6EC
16.7%	16.7% #AFC8E3	RGB 175 200 227	#AFC8E3
33.3%	33.3% #9FBBDB	RGB 159 187 219	#9FBBDB
50.0%	50.0% #8FAED2	RGB 143 174 210	#8FAED2
66.7%	66.7% #81A2CA	RGB 129 162 202	#81A2CA
83.3%	83.3% #7395C1	RGB 115 149 193	#7395C1
100.0%	100.0% #668AB9	RGB 102 138 185	#668AB9

#C0D6EC #AFC8E3 #9FBBDB #8FAED2 #81A2CA #7395C1 #668AB9

#C0D6EC - #8FAED2 - #668AB9

CSS codes

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

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