#9C5E5E - #B8A0D1 | 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 #9C5E5E to #B8A0D1

#9C5E5E #B8A0D1

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

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

0.0%	0.0% #9C5E5E	RGB 156 94 94	#9C5E5E
16.7%	16.7% #A06971	RGB 160 105 113	#A06971
33.3%	33.3% #A57484	RGB 165 116 132	#A57484
50.0%	50.0% #AA7F97	RGB 170 127 151	#AA7F97
66.7%	66.7% #AE8AAA	RGB 174 138 170	#AE8AAA
83.3%	83.3% #B395BD	RGB 179 149 189	#B395BD
100.0%	100.0% #B8A0D1	RGB 184 160 209	#B8A0D1

#9C5E5E #A06971 #A57484 #AA7F97 #AE8AAA #B395BD #B8A0D1

#9C5E5E - #B8A0D1

HSV Blend

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

0.0%	0.0% #9C5E5E	RGB 156 94 94	#9C5E5E
16.7%	16.7% #A46777	RGB 164 103 119	#A46777
33.3%	33.3% #AD7290	RGB 173 114 144	#AD7290
50.0%	50.0% #B67CA8	RGB 182 124 168	#B67CA8
66.7%	66.7% #BE88BF	RGB 190 136 191	#BE88BF
83.3%	83.3% #BA93C8	RGB 186 147 200	#BA93C8
100.0%	100.0% #B8A0D1	RGB 184 160 209	#B8A0D1

#9C5E5E #A46777 #AD7290 #B67CA8 #BE88BF #BA93C8 #B8A0D1

#9C5E5E - #B67CA8 - #B8A0D1

CSS codes

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

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