#C3C9C8 - #6D919E | 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 #C3C9C8 to #6D919E

#C3C9C8 #6D919E

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

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

0.0%	0.0% #C3C9C8	RGB 195 201 200	#C3C9C8
16.7%	16.7% #B4BFC1	RGB 180 191 193	#B4BFC1
33.3%	33.3% #A6B6BA	RGB 166 182 186	#A6B6BA
50.0%	50.0% #98ADB3	RGB 152 173 179	#98ADB3
66.7%	66.7% #89A3AC	RGB 137 163 172	#89A3AC
83.3%	83.3% #7B9AA5	RGB 123 154 165	#7B9AA5
100.0%	100.0% #6D919E	RGB 109 145 158	#6D919E

#C3C9C8 #B4BFC1 #A6B6BA #98ADB3 #89A3AC #7B9AA5 #6D919E

#C3C9C8 - #6D919E

HSV Blend

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

0.0%	0.0% #C3C9C8	RGB 195 201 200	#C3C9C8
16.7%	16.7% #B2C1C0	RGB 178 193 192	#B2C1C0
33.3%	33.3% #A3BABA	RGB 163 186 186	#A3BABA
50.0%	50.0% #94B1B3	RGB 148 177 179	#94B1B3
66.7%	66.7% #86A7AC	RGB 134 167 172	#86A7AC
83.3%	83.3% #799CA5	RGB 121 156 165	#799CA5
100.0%	100.0% #6D919E	RGB 109 145 158	#6D919E

#C3C9C8 #B2C1C0 #A3BABA #94B1B3 #86A7AC #799CA5 #6D919E

#C3C9C8 - #94B1B3 - #6D919E

CSS codes

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

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