#C6B2B0 - #AD665B | 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 #C6B2B0 to #AD665B

#C6B2B0 #AD665B

Calculate the color between two colors, #C6B2B0 and #AD665B. 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)

#C6B2B0 - #AD665B | 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 #C6B2B0 as 0% and #AD665B as 100%.

0.0%	0.0% #C6B2B0	RGB 198 178 176	#C6B2B0
16.7%	16.7% #C1A5A1	RGB 193 165 161	#C1A5A1
33.3%	33.3% #BD9893	RGB 189 152 147	#BD9893
50.0%	50.0% #B98C85	RGB 185 140 133	#B98C85
66.7%	66.7% #B57F77	RGB 181 127 119	#B57F77
83.3%	83.3% #B17269	RGB 177 114 105	#B17269
100.0%	100.0% #AD665B	RGB 173 102 91	#AD665B

#C6B2B0 #C1A5A1 #BD9893 #B98C85 #B57F77 #B17269 #AD665B

#C6B2B0 - #AD665B

HSV Blend

#C6B2B0 - #AD665B | 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 #C6B2B0 as 0% and #AD665B as 100%.

0.0%	0.0% #C6B2B0	RGB 198 178 176	#C6B2B0
16.7%	16.7% #C1A3A0	RGB 193 163 160	#C1A3A0
33.3%	33.3% #BD9691	RGB 189 150 145	#BD9691
50.0%	50.0% #B98983	RGB 185 137 131	#B98983
66.7%	66.7% #B57C75	RGB 181 124 117	#B57C75
83.3%	83.3% #B17167	RGB 177 113 103	#B17167
100.0%	100.0% #AD665B	RGB 173 102 91	#AD665B

#C6B2B0 #C1A3A0 #BD9691 #B98983 #B57C75 #B17167 #AD665B

#C6B2B0 - #B98983 - #AD665B

CSS codes

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

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