#C0CCCF - #6DA6B4 | 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 #C0CCCF to #6DA6B4

#C0CCCF #6DA6B4

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

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

0.0%	0.0% #C0CCCF	RGB 192 204 207	#C0CCCF
16.7%	16.7% #B2C5CA	RGB 178 197 202	#B2C5CA
33.3%	33.3% #A4BFC6	RGB 164 191 198	#A4BFC6
50.0%	50.0% #96B9C1	RGB 150 185 193	#96B9C1
66.7%	66.7% #88B2BD	RGB 136 178 189	#88B2BD
83.3%	83.3% #7AACB8	RGB 122 172 184	#7AACB8
100.0%	100.0% #6DA6B4	RGB 109 166 180	#6DA6B4

#C0CCCF #B2C5CA #A4BFC6 #96B9C1 #88B2BD #7AACB8 #6DA6B4

#C0CCCF - #6DA6B4

HSV Blend

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

0.0%	0.0% #C0CCCF	RGB 192 204 207	#C0CCCF
16.7%	16.7% #B0C5CA	RGB 176 197 202	#B0C5CA
33.3%	33.3% #A2BEC6	RGB 162 190 198	#A2BEC6
50.0%	50.0% #94B8C1	RGB 148 184 193	#94B8C1
66.7%	66.7% #86B2BD	RGB 134 178 189	#86B2BD
83.3%	83.3% #79ACB8	RGB 121 172 184	#79ACB8
100.0%	100.0% #6DA6B4	RGB 109 166 180	#6DA6B4

#C0CCCF #B0C5CA #A2BEC6 #94B8C1 #86B2BD #79ACB8 #6DA6B4

#C0CCCF - #94B8C1 - #6DA6B4

CSS codes

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

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