#C6B6BA - #92646E | 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 #C6B6BA to #92646E

#C6B6BA #92646E

Calculate the color between two colors, #C6B6BA and #92646E. 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)

#C6B6BA - #92646E | 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 #C6B6BA as 0% and #92646E as 100%.

0.0%	0.0% #C6B6BA	RGB 198 182 186	#C6B6BA
16.7%	16.7% #BDA8AD	RGB 189 168 173	#BDA8AD
33.3%	33.3% #B49AA0	RGB 180 154 160	#B49AA0
50.0%	50.0% #AC8D94	RGB 172 141 148	#AC8D94
66.7%	66.7% #A37F87	RGB 163 127 135	#A37F87
83.3%	83.3% #9A717A	RGB 154 113 122	#9A717A
100.0%	100.0% #92646E	RGB 146 100 110	#92646E

#C6B6BA #BDA8AD #B49AA0 #AC8D94 #A37F87 #9A717A #92646E

#C6B6BA - #92646E

HSV Blend

#C6B6BA - #92646E | 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 #C6B6BA as 0% and #92646E as 100%.

0.0%	0.0% #C6B6BA	RGB 198 182 186	#C6B6BA
16.7%	16.7% #BDA6AC	RGB 189 166 172	#BDA6AC
33.3%	33.3% #B4979E	RGB 180 151 158	#B4979E
50.0%	50.0% #AC8991	RGB 172 137 145	#AC8991
66.7%	66.7% #A37C85	RGB 163 124 133	#A37C85
83.3%	83.3% #9A6F79	RGB 154 111 121	#9A6F79
100.0%	100.0% #92646E	RGB 146 100 110	#92646E

#C6B6BA #BDA6AC #B4979E #AC8991 #A37C85 #9A6F79 #92646E

#C6B6BA - #AC8991 - #92646E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C6B6BA 0%, #AC8991 50%, #92646E 100%);
    background: -webkit-linear-gradient(top, #C6B6BA 0%, #AC8991 50%, #92646E 100%);
    background: linear-gradient(to bottom, #C6B6BA 0%, #AC8991 50%, #92646E 100%);
}
</style>