#9C5E60 - #B69FD2 | 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 #9C5E60 to #B69FD2

#9C5E60 #B69FD2

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

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

0.0%	0.0% #9C5E60	RGB 156 94 96	#9C5E60
16.7%	16.7% #A06873	RGB 160 104 115	#A06873
33.3%	33.3% #A47386	RGB 164 115 134	#A47386
50.0%	50.0% #A97E99	RGB 169 126 153	#A97E99
66.7%	66.7% #AD89AC	RGB 173 137 172	#AD89AC
83.3%	83.3% #B194BF	RGB 177 148 191	#B194BF
100.0%	100.0% #B69FD2	RGB 182 159 210	#B69FD2

#9C5E60 #A06873 #A47386 #A97E99 #AD89AC #B194BF #B69FD2

#9C5E60 - #B69FD2

HSV Blend

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

0.0%	0.0% #9C5E60	RGB 156 94 96	#9C5E60
16.7%	16.7% #A56779	RGB 165 103 121	#A56779
33.3%	33.3% #AE7192	RGB 174 113 146	#AE7192
50.0%	50.0% #B77CAA	RGB 183 124 170	#B77CAA
66.7%	66.7% #BD87C0	RGB 189 135 192	#BD87C0
83.3%	83.3% #B993C9	RGB 185 147 201	#B993C9
100.0%	100.0% #B69FD2	RGB 182 159 210	#B69FD2

#9C5E60 #A56779 #AE7192 #B77CAA #BD87C0 #B993C9 #B69FD2

#9C5E60 - #B77CAA - #B69FD2

CSS codes

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

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