#C8CAD2 - #6C8093 | 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 #C8CAD2 to #6C8093

#C8CAD2 #6C8093

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

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

0.0%	0.0% #C8CAD2	RGB 200 202 210	#C8CAD2
16.7%	16.7% #B8BDC7	RGB 184 189 199	#B8BDC7
33.3%	33.3% #A9B1BD	RGB 169 177 189	#A9B1BD
50.0%	50.0% #9AA5B2	RGB 154 165 178	#9AA5B2
66.7%	66.7% #8A98A8	RGB 138 152 168	#8A98A8
83.3%	83.3% #7B8C9D	RGB 123 140 157	#7B8C9D
100.0%	100.0% #6C8093	RGB 108 128 147	#6C8093

#C8CAD2 #B8BDC7 #A9B1BD #9AA5B2 #8A98A8 #7B8C9D #6C8093

#C8CAD2 - #6C8093

HSV Blend

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

0.0%	0.0% #C8CAD2	RGB 200 202 210	#C8CAD2
16.7%	16.7% #B6BAC7	RGB 182 186 199	#B6BAC7
33.3%	33.3% #A6ADBD	RGB 166 173 189	#A6ADBD
50.0%	50.0% #96A0B2	RGB 150 160 178	#96A0B2
66.7%	66.7% #8794A8	RGB 135 148 168	#8794A8
83.3%	83.3% #798A9D	RGB 121 138 157	#798A9D
100.0%	100.0% #6C8093	RGB 108 128 147	#6C8093

#C8CAD2 #B6BAC7 #A6ADBD #96A0B2 #8794A8 #798A9D #6C8093

#C8CAD2 - #96A0B2 - #6C8093

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C8CAD2 0%, #96A0B2 50%, #6C8093 100%);
    background: -webkit-linear-gradient(top, #C8CAD2 0%, #96A0B2 50%, #6C8093 100%);
    background: linear-gradient(to bottom, #C8CAD2 0%, #96A0B2 50%, #6C8093 100%);
}
</style>