#B7ABFF - #693ACE | 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 #B7ABFF to #693ACE

#B7ABFF #693ACE

Calculate the color between two colors, #B7ABFF and #693ACE. 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)

#B7ABFF - #693ACE | 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 #B7ABFF as 0% and #693ACE as 100%.

0.0%	0.0% #B7ABFF	RGB 183 171 255	#B7ABFF
16.7%	16.7% #AA98F6	RGB 170 152 246	#AA98F6
33.3%	33.3% #9D85EE	RGB 157 133 238	#9D85EE
50.0%	50.0% #9072E6	RGB 144 114 230	#9072E6
66.7%	66.7% #835FDE	RGB 131 95 222	#835FDE
83.3%	83.3% #764CD6	RGB 118 76 214	#764CD6
100.0%	100.0% #693ACE	RGB 105 58 206	#693ACE

#B7ABFF #AA98F6 #9D85EE #9072E6 #835FDE #764CD6 #693ACE

#B7ABFF - #693ACE

HSV Blend

#B7ABFF - #693ACE | 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 #B7ABFF as 0% and #693ACE as 100%.

0.0%	0.0% #B7ABFF	RGB 183 171 255	#B7ABFF
16.7%	16.7% #A695F6	RGB 166 149 246	#A695F6
33.3%	33.3% #9781EE	RGB 151 129 238	#9781EE
50.0%	50.0% #896DE6	RGB 137 109 230	#896DE6
66.7%	66.7% #7D5BDE	RGB 125 91 222	#7D5BDE
83.3%	83.3% #724AD6	RGB 114 74 214	#724AD6
100.0%	100.0% #693ACE	RGB 105 58 206	#693ACE

#B7ABFF #A695F6 #9781EE #896DE6 #7D5BDE #724AD6 #693ACE

#B7ABFF - #896DE6 - #693ACE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B7ABFF 0%, #896DE6 50%, #693ACE 100%);
    background: -webkit-linear-gradient(top, #B7ABFF 0%, #896DE6 50%, #693ACE 100%);
    background: linear-gradient(to bottom, #B7ABFF 0%, #896DE6 50%, #693ACE 100%);
}
</style>