#C0DCE4 - #6CBACE | 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 #C0DCE4 to #6CBACE

#C0DCE4 #6CBACE

Calculate the color between two colors, #C0DCE4 and #6CBACE. 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)

#C0DCE4 - #6CBACE | 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 #C0DCE4 as 0% and #6CBACE as 100%.

0.0%	0.0% #C0DCE4	RGB 192 220 228	#C0DCE4
16.7%	16.7% #B2D6E0	RGB 178 214 224	#B2D6E0
33.3%	33.3% #A4D0DC	RGB 164 208 220	#A4D0DC
50.0%	50.0% #96CBD9	RGB 150 203 217	#96CBD9
66.7%	66.7% #88C5D5	RGB 136 197 213	#88C5D5
83.3%	83.3% #7ABFD1	RGB 122 191 209	#7ABFD1
100.0%	100.0% #6CBACE	RGB 108 186 206	#6CBACE

#C0DCE4 #B2D6E0 #A4D0DC #96CBD9 #88C5D5 #7ABFD1 #6CBACE

#C0DCE4 - #6CBACE

HSV Blend

#C0DCE4 - #6CBACE | 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 #C0DCE4 as 0% and #6CBACE as 100%.

0.0%	0.0% #C0DCE4	RGB 192 220 228	#C0DCE4
16.7%	16.7% #B1D5E0	RGB 177 213 224	#B1D5E0
33.3%	33.3% #A2D0DC	RGB 162 208 220	#A2D0DC
50.0%	50.0% #94CAD9	RGB 148 202 217	#94CAD9
66.7%	66.7% #86C4D5	RGB 134 196 213	#86C4D5
83.3%	83.3% #79BFD1	RGB 121 191 209	#79BFD1
100.0%	100.0% #6CBACE	RGB 108 186 206	#6CBACE

#C0DCE4 #B1D5E0 #A2D0DC #94CAD9 #86C4D5 #79BFD1 #6CBACE

#C0DCE4 - #94CAD9 - #6CBACE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0DCE4 0%, #94CAD9 50%, #6CBACE 100%);
    background: -webkit-linear-gradient(top, #C0DCE4 0%, #94CAD9 50%, #6CBACE 100%);
    background: linear-gradient(to bottom, #C0DCE4 0%, #94CAD9 50%, #6CBACE 100%);
}
</style>