#C0CCD4 - #6C7E97 | 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 #C0CCD4 to #6C7E97

#C0CCD4 #6C7E97

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

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

0.0%	0.0% #C0CCD4	RGB 192 204 212	#C0CCD4
16.7%	16.7% #B2BFC9	RGB 178 191 201	#B2BFC9
33.3%	33.3% #A4B2BF	RGB 164 178 191	#A4B2BF
50.0%	50.0% #96A5B5	RGB 150 165 181	#96A5B5
66.7%	66.7% #8898AB	RGB 136 152 171	#8898AB
83.3%	83.3% #7A8BA1	RGB 122 139 161	#7A8BA1
100.0%	100.0% #6C7E97	RGB 108 126 151	#6C7E97

#C0CCD4 #B2BFC9 #A4B2BF #96A5B5 #8898AB #7A8BA1 #6C7E97

#C0CCD4 - #6C7E97

HSV Blend

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

0.0%	0.0% #C0CCD4	RGB 192 204 212	#C0CCD4
16.7%	16.7% #B0BEC9	RGB 176 190 201	#B0BEC9
33.3%	33.3% #A1B1BF	RGB 161 177 191	#A1B1BF
50.0%	50.0% #93A4B5	RGB 147 164 181	#93A4B5
66.7%	66.7% #8597AB	RGB 133 151 171	#8597AB
83.3%	83.3% #788AA1	RGB 120 138 161	#788AA1
100.0%	100.0% #6C7E97	RGB 108 126 151	#6C7E97

#C0CCD4 #B0BEC9 #A1B1BF #93A4B5 #8597AB #788AA1 #6C7E97

#C0CCD4 - #93A4B5 - #6C7E97

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0CCD4 0%, #93A4B5 50%, #6C7E97 100%);
    background: -webkit-linear-gradient(top, #C0CCD4 0%, #93A4B5 50%, #6C7E97 100%);
    background: linear-gradient(to bottom, #C0CCD4 0%, #93A4B5 50%, #6C7E97 100%);
}
</style>