#C58CAD - #8D3667 | 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 #C58CAD to #8D3667

#C58CAD #8D3667

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

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

0.0%	0.0% #C58CAD	RGB 197 140 173	#C58CAD
16.7%	16.7% #BB7DA1	RGB 187 125 161	#BB7DA1
33.3%	33.3% #B26F95	RGB 178 111 149	#B26F95
50.0%	50.0% #A9618A	RGB 169 97 138	#A9618A
66.7%	66.7% #9F527E	RGB 159 82 126	#9F527E
83.3%	83.3% #964472	RGB 150 68 114	#964472
100.0%	100.0% #8D3667	RGB 141 54 103	#8D3667

#C58CAD #BB7DA1 #B26F95 #A9618A #9F527E #964472 #8D3667

#C58CAD - #8D3667

HSV Blend

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

0.0%	0.0% #C58CAD	RGB 197 140 173	#C58CAD
16.7%	16.7% #BB7BA0	RGB 187 123 160	#BB7BA0
33.3%	33.3% #B26B94	RGB 178 107 148	#B26B94
50.0%	50.0% #A95C88	RGB 169 92 136	#A95C88
66.7%	66.7% #9F4E7C	RGB 159 78 124	#9F4E7C
83.3%	83.3% #964171	RGB 150 65 113	#964171
100.0%	100.0% #8D3667	RGB 141 54 103	#8D3667

#C58CAD #BB7BA0 #B26B94 #A95C88 #9F4E7C #964171 #8D3667

#C58CAD - #A95C88 - #8D3667

CSS codes

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

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