#9B5E9C - #9CB8D2 | 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 #9B5E9C to #9CB8D2

#9B5E9C #9CB8D2

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

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

0.0%	0.0% #9B5E9C	RGB 155 94 156	#9B5E9C
16.7%	16.7% #9B6DA5	RGB 155 109 165	#9B6DA5
33.3%	33.3% #9B7CAE	RGB 155 124 174	#9B7CAE
50.0%	50.0% #9B8BB7	RGB 155 139 183	#9B8BB7
66.7%	66.7% #9B9AC0	RGB 155 154 192	#9B9AC0
83.3%	83.3% #9BA9C9	RGB 155 169 201	#9BA9C9
100.0%	100.0% #9CB8D2	RGB 156 184 210	#9CB8D2

#9B5E9C #9B6DA5 #9B7CAE #9B8BB7 #9B9AC0 #9BA9C9 #9CB8D2

#9B5E9C - #9CB8D2

HSV Blend

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

0.0%	0.0% #9B5E9C	RGB 155 94 156	#9B5E9C
16.7%	16.7% #9467A5	RGB 148 103 165	#9467A5
33.3%	33.3% #8E70AE	RGB 142 112 174	#8E70AE
50.0%	50.0% #897BB7	RGB 137 123 183	#897BB7
66.7%	66.7% #8586C0	RGB 133 134 192	#8586C0
83.3%	83.3% #909FC9	RGB 144 159 201	#909FC9
100.0%	100.0% #9CB8D2	RGB 156 184 210	#9CB8D2

#9B5E9C #9467A5 #8E70AE #897BB7 #8586C0 #909FC9 #9CB8D2

#9B5E9C - #897BB7 - #9CB8D2

CSS codes

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

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