#9F6BA0 - #B8CBBB | 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 #9F6BA0 to #B8CBBB

#9F6BA0 #B8CBBB

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

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

0.0%	0.0% #9F6BA0	RGB 159 107 160	#9F6BA0
16.7%	16.7% #A37BA4	RGB 163 123 164	#A37BA4
33.3%	33.3% #A78BA9	RGB 167 139 169	#A78BA9
50.0%	50.0% #AB9BAD	RGB 171 155 173	#AB9BAD
66.7%	66.7% #AFABB2	RGB 175 171 178	#AFABB2
83.3%	83.3% #B3BBB6	RGB 179 187 182	#B3BBB6
100.0%	100.0% #B8CBBB	RGB 184 203 187	#B8CBBB

#9F6BA0 #A37BA4 #A78BA9 #AB9BAD #AFABB2 #B3BBB6 #B8CBBB

#9F6BA0 - #B8CBBB

HSV Blend

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

0.0%	0.0% #9F6BA0	RGB 159 107 160	#9F6BA0
16.7%	16.7% #8F76A7	RGB 143 118 167	#8F76A7
33.3%	33.3% #8482AE	RGB 132 130 174	#8482AE
50.0%	50.0% #8E9FB5	RGB 142 159 181	#8E9FB5
66.7%	66.7% #9CB9BC	RGB 156 185 188	#9CB9BC
83.3%	83.3% #A9C3BA	RGB 169 195 186	#A9C3BA
100.0%	100.0% #B8CBBB	RGB 184 203 187	#B8CBBB

#9F6BA0 #8F76A7 #8482AE #8E9FB5 #9CB9BC #A9C3BA #B8CBBB

#9F6BA0 - #8E9FB5 - #B8CBBB

CSS codes

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

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