#C7B5BB - #AB617D | 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 #C7B5BB to #AB617D

#C7B5BB #AB617D

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

#C7B5BB - #AB617D | 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 #C7B5BB as 0% and #AB617D as 100%.

0.0%	0.0% #C7B5BB	RGB 199 181 187	#C7B5BB
16.7%	16.7% #C2A7B0	RGB 194 167 176	#C2A7B0
33.3%	33.3% #BD99A6	RGB 189 153 166	#BD99A6
50.0%	50.0% #B98B9C	RGB 185 139 156	#B98B9C
66.7%	66.7% #B47D91	RGB 180 125 145	#B47D91
83.3%	83.3% #AF6F87	RGB 175 111 135	#AF6F87
100.0%	100.0% #AB617D	RGB 171 97 125	#AB617D

#C7B5BB #C2A7B0 #BD99A6 #B98B9C #B47D91 #AF6F87 #AB617D

#C7B5BB - #AB617D

HSV Blend

#C7B5BB - #AB617D | 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 #C7B5BB as 0% and #AB617D as 100%.

0.0%	0.0% #C7B5BB	RGB 199 181 187	#C7B5BB
16.7%	16.7% #C2A5AF	RGB 194 165 175	#C2A5AF
33.3%	33.3% #BD96A4	RGB 189 150 164	#BD96A4
50.0%	50.0% #B98899	RGB 185 136 153	#B98899
66.7%	66.7% #B47A8F	RGB 180 122 143	#B47A8F
83.3%	83.3% #AF6D86	RGB 175 109 134	#AF6D86
100.0%	100.0% #AB617D	RGB 171 97 125	#AB617D

#C7B5BB #C2A5AF #BD96A4 #B98899 #B47A8F #AF6D86 #AB617D

#C7B5BB - #B98899 - #AB617D

CSS codes

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

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