#C2B6C2 - #6B657A | 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 #C2B6C2 to #6B657A

#C2B6C2 #6B657A

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

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

0.0%	0.0% #C2B6C2	RGB 194 182 194	#C2B6C2
16.7%	16.7% #B3A8B6	RGB 179 168 182	#B3A8B6
33.3%	33.3% #A59BAA	RGB 165 155 170	#A59BAA
50.0%	50.0% #968D9E	RGB 150 141 158	#968D9E
66.7%	66.7% #888092	RGB 136 128 146	#888092
83.3%	83.3% #797286	RGB 121 114 134	#797286
100.0%	100.0% #6B657A	RGB 107 101 122	#6B657A

#C2B6C2 #B3A8B6 #A59BAA #968D9E #888092 #797286 #6B657A

#C2B6C2 - #6B657A

HSV Blend

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

0.0%	0.0% #C2B6C2	RGB 194 182 194	#C2B6C2
16.7%	16.7% #B4A7B6	RGB 180 167 182	#B4A7B6
33.3%	33.3% #A699AA	RGB 166 153 170	#A699AA
50.0%	50.0% #978B9E	RGB 151 139 158	#978B9E
66.7%	66.7% #887E92	RGB 136 126 146	#887E92
83.3%	83.3% #797186	RGB 121 113 134	#797186
100.0%	100.0% #6B657A	RGB 107 101 122	#6B657A

#C2B6C2 #B4A7B6 #A699AA #978B9E #887E92 #797186 #6B657A

#C2B6C2 - #978B9E - #6B657A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2B6C2 0%, #978B9E 50%, #6B657A 100%);
    background: -webkit-linear-gradient(top, #C2B6C2 0%, #978B9E 50%, #6B657A 100%);
    background: linear-gradient(to bottom, #C2B6C2 0%, #978B9E 50%, #6B657A 100%);
}
</style>