#9165AF - #B8A8C6 | 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 #9165AF to #B8A8C6

#9165AF #B8A8C6

Calculate the color between two colors, #9165AF and #B8A8C6. 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)

#9165AF - #B8A8C6 | 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 #9165AF as 0% and #B8A8C6 as 100%.

0.0%	0.0% #9165AF	RGB 145 101 175	#9165AF
16.7%	16.7% #9770B2	RGB 151 112 178	#9770B2
33.3%	33.3% #9E7BB6	RGB 158 123 182	#9E7BB6
50.0%	50.0% #A486BA	RGB 164 134 186	#A486BA
66.7%	66.7% #AB91BE	RGB 171 145 190	#AB91BE
83.3%	83.3% #B19CC2	RGB 177 156 194	#B19CC2
100.0%	100.0% #B8A8C6	RGB 184 168 198	#B8A8C6

#9165AF #9770B2 #9E7BB6 #A486BA #AB91BE #B19CC2 #B8A8C6

#9165AF - #B8A8C6

HSV Blend

#9165AF - #B8A8C6 | 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 #9165AF as 0% and #B8A8C6 as 100%.

0.0%	0.0% #9165AF	RGB 145 101 175	#9165AF
16.7%	16.7% #966FB2	RGB 150 111 178	#966FB2
33.3%	33.3% #9C79B6	RGB 156 121 182	#9C79B6
50.0%	50.0% #A384BA	RGB 163 132 186	#A384BA
66.7%	66.7% #A990BE	RGB 169 144 190	#A990BE
83.3%	83.3% #B09BC2	RGB 176 155 194	#B09BC2
100.0%	100.0% #B8A8C6	RGB 184 168 198	#B8A8C6

#9165AF #966FB2 #9C79B6 #A384BA #A990BE #B09BC2 #B8A8C6

#9165AF - #A384BA - #B8A8C6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9165AF 0%, #A384BA 50%, #B8A8C6 100%);
    background: -webkit-linear-gradient(top, #9165AF 0%, #A384BA 50%, #B8A8C6 100%);
    background: linear-gradient(to bottom, #9165AF 0%, #A384BA 50%, #B8A8C6 100%);
}
</style>