#C0CDC9 - #6B8879 | 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 #C0CDC9 to #6B8879

#C0CDC9 #6B8879

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

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

0.0%	0.0% #C0CDC9	RGB 192 205 201	#C0CDC9
16.7%	16.7% #B1C1BB	RGB 177 193 187	#B1C1BB
33.3%	33.3% #A3B6AE	RGB 163 182 174	#A3B6AE
50.0%	50.0% #95AAA1	RGB 149 170 161	#95AAA1
66.7%	66.7% #879F93	RGB 135 159 147	#879F93
83.3%	83.3% #799386	RGB 121 147 134	#799386
100.0%	100.0% #6B8879	RGB 107 136 121	#6B8879

#C0CDC9 #B1C1BB #A3B6AE #95AAA1 #879F93 #799386 #6B8879

#C0CDC9 - #6B8879

HSV Blend

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

0.0%	0.0% #C0CDC9	RGB 192 205 201	#C0CDC9
16.7%	16.7% #B0C1BB	RGB 176 193 187	#B0C1BB
33.3%	33.3% #A1B6AE	RGB 161 182 174	#A1B6AE
50.0%	50.0% #92AAA0	RGB 146 170 160	#92AAA0
66.7%	66.7% #859F93	RGB 133 159 147	#859F93
83.3%	83.3% #779386	RGB 119 147 134	#779386
100.0%	100.0% #6B8879	RGB 107 136 121	#6B8879

#C0CDC9 #B0C1BB #A1B6AE #92AAA0 #859F93 #779386 #6B8879

#C0CDC9 - #92AAA0 - #6B8879

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C0CDC9 0%, #92AAA0 50%, #6B8879 100%);
    background: -webkit-linear-gradient(top, #C0CDC9 0%, #92AAA0 50%, #6B8879 100%);
    background: linear-gradient(to bottom, #C0CDC9 0%, #92AAA0 50%, #6B8879 100%);
}
</style>