#C6BDBB - #AB7568 | 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 #C6BDBB to #AB7568

#C6BDBB #AB7568

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

#C6BDBB - #AB7568 | 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 #C6BDBB as 0% and #AB7568 as 100%.

0.0%	0.0% #C6BDBB	RGB 198 189 187	#C6BDBB
16.7%	16.7% #C1B1AD	RGB 193 177 173	#C1B1AD
33.3%	33.3% #BDA59F	RGB 189 165 159	#BDA59F
50.0%	50.0% #B89991	RGB 184 153 145	#B89991
66.7%	66.7% #B48D83	RGB 180 141 131	#B48D83
83.3%	83.3% #AF8175	RGB 175 129 117	#AF8175
100.0%	100.0% #AB7568	RGB 171 117 104	#AB7568

#C6BDBB #C1B1AD #BDA59F #B89991 #B48D83 #AF8175 #AB7568

#C6BDBB - #AB7568

HSV Blend

#C6BDBB - #AB7568 | 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 #C6BDBB as 0% and #AB7568 as 100%.

0.0%	0.0% #C6BDBB	RGB 198 189 187	#C6BDBB
16.7%	16.7% #C1AFAB	RGB 193 175 171	#C1AFAB
33.3%	33.3% #BDA39D	RGB 189 163 157	#BDA39D
50.0%	50.0% #B8968F	RGB 184 150 143	#B8968F
66.7%	66.7% #B48B81	RGB 180 139 129	#B48B81
83.3%	83.3% #AF7F74	RGB 175 127 116	#AF7F74
100.0%	100.0% #AB7568	RGB 171 117 104	#AB7568

#C6BDBB #C1AFAB #BDA39D #B8968F #B48B81 #AF7F74 #AB7568

#C6BDBB - #B8968F - #AB7568

CSS codes

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

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