#BAB8F6 - #5E5FCA | 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 #BAB8F6 to #5E5FCA

#BAB8F6 #5E5FCA

Calculate the color between two colors, #BAB8F6 and #5E5FCA. 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)

#BAB8F6 - #5E5FCA | 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 #BAB8F6 as 0% and #5E5FCA as 100%.

0.0%	0.0% #BAB8F6	RGB 186 184 246	#BAB8F6
16.7%	16.7% #AAA9EE	RGB 170 169 238	#AAA9EE
33.3%	33.3% #9B9AE7	RGB 155 154 231	#9B9AE7
50.0%	50.0% #8C8BE0	RGB 140 139 224	#8C8BE0
66.7%	66.7% #7C7CD8	RGB 124 124 216	#7C7CD8
83.3%	83.3% #6D6DD1	RGB 109 109 209	#6D6DD1
100.0%	100.0% #5E5FCA	RGB 94 95 202	#5E5FCA

#BAB8F6 #AAA9EE #9B9AE7 #8C8BE0 #7C7CD8 #6D6DD1 #5E5FCA

#BAB8F6 - #5E5FCA

HSV Blend

#BAB8F6 - #5E5FCA | 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 #BAB8F6 as 0% and #5E5FCA as 100%.

0.0%	0.0% #BAB8F6	RGB 186 184 246	#BAB8F6
16.7%	16.7% #A9A7EE	RGB 169 167 238	#A9A7EE
33.3%	33.3% #9897E7	RGB 152 151 231	#9897E7
50.0%	50.0% #8887E0	RGB 136 135 224	#8887E0
66.7%	66.7% #7979D8	RGB 121 121 216	#7979D8
83.3%	83.3% #6B6BD1	RGB 107 107 209	#6B6BD1
100.0%	100.0% #5E5FCA	RGB 94 95 202	#5E5FCA

#BAB8F6 #A9A7EE #9897E7 #8887E0 #7979D8 #6B6BD1 #5E5FCA

#BAB8F6 - #8887E0 - #5E5FCA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BAB8F6 0%, #8887E0 50%, #5E5FCA 100%);
    background: -webkit-linear-gradient(top, #BAB8F6 0%, #8887E0 50%, #5E5FCA 100%);
    background: linear-gradient(to bottom, #BAB8F6 0%, #8887E0 50%, #5E5FCA 100%);
}
</style>