#C0EBEC - #6EA6BB | 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 #C0EBEC to #6EA6BB

#C0EBEC #6EA6BB

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

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

0.0%	0.0% #C0EBEC	RGB 192 235 236	#C0EBEC
16.7%	16.7% #B2DFE3	RGB 178 223 227	#B2DFE3
33.3%	33.3% #A4D4DB	RGB 164 212 219	#A4D4DB
50.0%	50.0% #97C8D3	RGB 151 200 211	#97C8D3
66.7%	66.7% #89BDCB	RGB 137 189 203	#89BDCB
83.3%	83.3% #7BB1C3	RGB 123 177 195	#7BB1C3
100.0%	100.0% #6EA6BB	RGB 110 166 187	#6EA6BB

#C0EBEC #B2DFE3 #A4D4DB #97C8D3 #89BDCB #7BB1C3 #6EA6BB

#C0EBEC - #6EA6BB

HSV Blend

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

0.0%	0.0% #C0EBEC	RGB 192 235 236	#C0EBEC
16.7%	16.7% #B0E0E3	RGB 176 224 227	#B0E0E3
33.3%	33.3% #A2D5DB	RGB 162 213 219	#A2D5DB
50.0%	50.0% #94CAD3	RGB 148 202 211	#94CAD3
66.7%	66.7% #86BECB	RGB 134 190 203	#86BECB
83.3%	83.3% #7AB2C3	RGB 122 178 195	#7AB2C3
100.0%	100.0% #6EA6BB	RGB 110 166 187	#6EA6BB

#C0EBEC #B0E0E3 #A2D5DB #94CAD3 #86BECB #7AB2C3 #6EA6BB

#C0EBEC - #94CAD3 - #6EA6BB

CSS codes

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

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