#BAB9DC - #655EAF | 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 #BAB9DC to #655EAF

#BAB9DC #655EAF

Calculate the color between two colors, #BAB9DC and #655EAF. 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)

#BAB9DC - #655EAF | 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 #BAB9DC as 0% and #655EAF as 100%.

0.0%	0.0% #BAB9DC	RGB 186 185 220	#BAB9DC
16.7%	16.7% #ABA9D4	RGB 171 169 212	#ABA9D4
33.3%	33.3% #9D9ACD	RGB 157 154 205	#9D9ACD
50.0%	50.0% #8F8BC5	RGB 143 139 197	#8F8BC5
66.7%	66.7% #817CBE	RGB 129 124 190	#817CBE
83.3%	83.3% #736DB6	RGB 115 109 182	#736DB6
100.0%	100.0% #655EAF	RGB 101 94 175	#655EAF

#BAB9DC #ABA9D4 #9D9ACD #8F8BC5 #817CBE #736DB6 #655EAF

#BAB9DC - #655EAF

HSV Blend

#BAB9DC - #655EAF | 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 #BAB9DC as 0% and #655EAF as 100%.

0.0%	0.0% #BAB9DC	RGB 186 185 220	#BAB9DC
16.7%	16.7% #A9A7D4	RGB 169 167 212	#A9A7D4
33.3%	33.3% #9A97CD	RGB 154 151 205	#9A97CD
50.0%	50.0% #8B88C5	RGB 139 136 197	#8B88C5
66.7%	66.7% #7D79BE	RGB 125 121 190	#7D79BE
83.3%	83.3% #716BB6	RGB 113 107 182	#716BB6
100.0%	100.0% #655EAF	RGB 101 94 175	#655EAF

#BAB9DC #A9A7D4 #9A97CD #8B88C5 #7D79BE #716BB6 #655EAF

#BAB9DC - #8B88C5 - #655EAF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BAB9DC 0%, #8B88C5 50%, #655EAF 100%);
    background: -webkit-linear-gradient(top, #BAB9DC 0%, #8B88C5 50%, #655EAF 100%);
    background: linear-gradient(to bottom, #BAB9DC 0%, #8B88C5 50%, #655EAF 100%);
}
</style>