#BABAFF - #574DCF | 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 #BABAFF to #574DCF

#BABAFF #574DCF

Calculate the color between two colors, #BABAFF and #574DCF. 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)

#BABAFF - #574DCF | 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 #BABAFF as 0% and #574DCF as 100%.

0.0%	0.0% #BABAFF	RGB 186 186 255	#BABAFF
16.7%	16.7% #A9A7F7	RGB 169 167 247	#A9A7F7
33.3%	33.3% #9995EF	RGB 153 149 239	#9995EF
50.0%	50.0% #8883E7	RGB 136 131 231	#8883E7
66.7%	66.7% #7871DF	RGB 120 113 223	#7871DF
83.3%	83.3% #675FD7	RGB 103 95 215	#675FD7
100.0%	100.0% #574DCF	RGB 87 77 207	#574DCF

#BABAFF #A9A7F7 #9995EF #8883E7 #7871DF #675FD7 #574DCF

#BABAFF - #574DCF

HSV Blend

#BABAFF - #574DCF | 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 #BABAFF as 0% and #574DCF as 100%.

0.0%	0.0% #BABAFF	RGB 186 186 255	#BABAFF
16.7%	16.7% #A6A5F7	RGB 166 165 247	#A6A5F7
33.3%	33.3% #9491EF	RGB 148 145 239	#9491EF
50.0%	50.0% #837FE7	RGB 131 127 231	#837FE7
66.7%	66.7% #736DDF	RGB 115 109 223	#736DDF
83.3%	83.3% #645CD7	RGB 100 92 215	#645CD7
100.0%	100.0% #574DCF	RGB 87 77 207	#574DCF

#BABAFF #A6A5F7 #9491EF #837FE7 #736DDF #645CD7 #574DCF

#BABAFF - #837FE7 - #574DCF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BABAFF 0%, #837FE7 50%, #574DCF 100%);
    background: -webkit-linear-gradient(top, #BABAFF 0%, #837FE7 50%, #574DCF 100%);
    background: linear-gradient(to bottom, #BABAFF 0%, #837FE7 50%, #574DCF 100%);
}
</style>