#C0E2E5 - #6F99B0 | 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 #C0E2E5 to #6F99B0

#C0E2E5 #6F99B0

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

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

0.0%	0.0% #C0E2E5	RGB 192 226 229	#C0E2E5
16.7%	16.7% #B2D5DC	RGB 178 213 220	#B2D5DC
33.3%	33.3% #A5C9D3	RGB 165 201 211	#A5C9D3
50.0%	50.0% #97BDCA	RGB 151 189 202	#97BDCA
66.7%	66.7% #8AB1C1	RGB 138 177 193	#8AB1C1
83.3%	83.3% #7CA5B8	RGB 124 165 184	#7CA5B8
100.0%	100.0% #6F99B0	RGB 111 153 176	#6F99B0

#C0E2E5 #B2D5DC #A5C9D3 #97BDCA #8AB1C1 #7CA5B8 #6F99B0

#C0E2E5 - #6F99B0

HSV Blend

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

0.0%	0.0% #C0E2E5	RGB 192 226 229	#C0E2E5
16.7%	16.7% #B0D6DC	RGB 176 214 220	#B0D6DC
33.3%	33.3% #A2CAD3	RGB 162 202 211	#A2CAD3
50.0%	50.0% #94BECA	RGB 148 190 202	#94BECA
66.7%	66.7% #87B2C1	RGB 135 178 193	#87B2C1
83.3%	83.3% #7AA5B8	RGB 122 165 184	#7AA5B8
100.0%	100.0% #6F99B0	RGB 111 153 176	#6F99B0

#C0E2E5 #B0D6DC #A2CAD3 #94BECA #87B2C1 #7AA5B8 #6F99B0

#C0E2E5 - #94BECA - #6F99B0

CSS codes

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

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