#B7A8CE - #814C95 | 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 #B7A8CE to #814C95

#B7A8CE #814C95

Calculate the color between two colors, #B7A8CE and #814C95. 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)

#B7A8CE - #814C95 | 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 #B7A8CE as 0% and #814C95 as 100%.

0.0%	0.0% #B7A8CE	RGB 183 168 206	#B7A8CE
16.7%	16.7% #AE98C4	RGB 174 152 196	#AE98C4
33.3%	33.3% #A589BB	RGB 165 137 187	#A589BB
50.0%	50.0% #9C7AB1	RGB 156 122 177	#9C7AB1
66.7%	66.7% #936AA8	RGB 147 106 168	#936AA8
83.3%	83.3% #8A5B9E	RGB 138 91 158	#8A5B9E
100.0%	100.0% #814C95	RGB 129 76 149	#814C95

#B7A8CE #AE98C4 #A589BB #9C7AB1 #936AA8 #8A5B9E #814C95

#B7A8CE - #814C95

HSV Blend

#B7A8CE - #814C95 | 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 #B7A8CE as 0% and #814C95 as 100%.

0.0%	0.0% #B7A8CE	RGB 183 168 206	#B7A8CE
16.7%	16.7% #AB96C4	RGB 171 150 196	#AB96C4
33.3%	33.3% #A085BB	RGB 160 133 187	#A085BB
50.0%	50.0% #9775B1	RGB 151 117 177	#9775B1
66.7%	66.7% #8E66A8	RGB 142 102 168	#8E66A8
83.3%	83.3% #87589E	RGB 135 88 158	#87589E
100.0%	100.0% #814C95	RGB 129 76 149	#814C95

#B7A8CE #AB96C4 #A085BB #9775B1 #8E66A8 #87589E #814C95

#B7A8CE - #9775B1 - #814C95

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B7A8CE 0%, #9775B1 50%, #814C95 100%);
    background: -webkit-linear-gradient(top, #B7A8CE 0%, #9775B1 50%, #814C95 100%);
    background: linear-gradient(to bottom, #B7A8CE 0%, #9775B1 50%, #814C95 100%);
}
</style>