#C7B5B6 - #AB6167 | 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 #C7B5B6 to #AB6167

#C7B5B6 #AB6167

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

#C7B5B6 - #AB6167 | 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 #C7B5B6 as 0% and #AB6167 as 100%.

0.0%	0.0% #C7B5B6	RGB 199 181 182	#C7B5B6
16.7%	16.7% #C2A7A8	RGB 194 167 168	#C2A7A8
33.3%	33.3% #BD999B	RGB 189 153 155	#BD999B
50.0%	50.0% #B98B8E	RGB 185 139 142	#B98B8E
66.7%	66.7% #B47D81	RGB 180 125 129	#B47D81
83.3%	83.3% #AF6F74	RGB 175 111 116	#AF6F74
100.0%	100.0% #AB6167	RGB 171 97 103	#AB6167

#C7B5B6 #C2A7A8 #BD999B #B98B8E #B47D81 #AF6F74 #AB6167

#C7B5B6 - #AB6167

HSV Blend

#C7B5B6 - #AB6167 | 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 #C7B5B6 as 0% and #AB6167 as 100%.

0.0%	0.0% #C7B5B6	RGB 199 181 182	#C7B5B6
16.7%	16.7% #C2A5A7	RGB 194 165 167	#C2A5A7
33.3%	33.3% #BD9699	RGB 189 150 153	#BD9699
50.0%	50.0% #B9888B	RGB 185 136 139	#B9888B
66.7%	66.7% #B47A7F	RGB 180 122 127	#B47A7F
83.3%	83.3% #AF6D72	RGB 175 109 114	#AF6D72
100.0%	100.0% #AB6167	RGB 171 97 103	#AB6167

#C7B5B6 #C2A5A7 #BD9699 #B9888B #B47A7F #AF6D72 #AB6167

#C7B5B6 - #B9888B - #AB6167

CSS codes

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

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