#C4B3BC - #9C5E82 | 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 #C4B3BC to #9C5E82

#C4B3BC #9C5E82

Calculate the color between two colors, #C4B3BC and #9C5E82. 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)

#C4B3BC - #9C5E82 | 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 #C4B3BC as 0% and #9C5E82 as 100%.

0.0%	0.0% #C4B3BC	RGB 196 179 188	#C4B3BC
16.7%	16.7% #BDA4B2	RGB 189 164 178	#BDA4B2
33.3%	33.3% #B696A8	RGB 182 150 168	#B696A8
50.0%	50.0% #B0889F	RGB 176 136 159	#B0889F
66.7%	66.7% #A97A95	RGB 169 122 149	#A97A95
83.3%	83.3% #A26C8B	RGB 162 108 139	#A26C8B
100.0%	100.0% #9C5E82	RGB 156 94 130	#9C5E82

#C4B3BC #BDA4B2 #B696A8 #B0889F #A97A95 #A26C8B #9C5E82

#C4B3BC - #9C5E82

HSV Blend

#C4B3BC - #9C5E82 | 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 #C4B3BC as 0% and #9C5E82 as 100%.

0.0%	0.0% #C4B3BC	RGB 196 179 188	#C4B3BC
16.7%	16.7% #BDA3B1	RGB 189 163 177	#BDA3B1
33.3%	33.3% #B693A6	RGB 182 147 166	#B693A6
50.0%	50.0% #B0859D	RGB 176 133 157	#B0859D
66.7%	66.7% #A97793	RGB 169 119 147	#A97793
83.3%	83.3% #A26A8A	RGB 162 106 138	#A26A8A
100.0%	100.0% #9C5E82	RGB 156 94 130	#9C5E82

#C4B3BC #BDA3B1 #B693A6 #B0859D #A97793 #A26A8A #9C5E82

#C4B3BC - #B0859D - #9C5E82

CSS codes

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

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