#C59BA7 - #8F4558 | 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 #C59BA7 to #8F4558

#C59BA7 #8F4558

Calculate the color between two colors, #C59BA7 and #8F4558. 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)

#C59BA7 - #8F4558 | 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 #C59BA7 as 0% and #8F4558 as 100%.

0.0%	0.0% #C59BA7	RGB 197 155 167	#C59BA7
16.7%	16.7% #BC8C99	RGB 188 140 153	#BC8C99
33.3%	33.3% #B37E8C	RGB 179 126 140	#B37E8C
50.0%	50.0% #AA707F	RGB 170 112 127	#AA707F
66.7%	66.7% #A16172	RGB 161 97 114	#A16172
83.3%	83.3% #985365	RGB 152 83 101	#985365
100.0%	100.0% #8F4558	RGB 143 69 88	#8F4558

#C59BA7 #BC8C99 #B37E8C #AA707F #A16172 #985365 #8F4558

#C59BA7 - #8F4558

HSV Blend

#C59BA7 - #8F4558 | 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 #C59BA7 as 0% and #8F4558 as 100%.

0.0%	0.0% #C59BA7	RGB 197 155 167	#C59BA7
16.7%	16.7% #BC8A98	RGB 188 138 152	#BC8A98
33.3%	33.3% #B37A8A	RGB 179 122 138	#B37A8A
50.0%	50.0% #AA6B7C	RGB 170 107 124	#AA6B7C
66.7%	66.7% #A15E6F	RGB 161 94 111	#A15E6F
83.3%	83.3% #985163	RGB 152 81 99	#985163
100.0%	100.0% #8F4558	RGB 143 69 88	#8F4558

#C59BA7 #BC8A98 #B37A8A #AA6B7C #A15E6F #985163 #8F4558

#C59BA7 - #AA6B7C - #8F4558

CSS codes

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

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