#B0A2FF - #672DCD | 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 #B0A2FF to #672DCD

#B0A2FF #672DCD

Calculate the color between two colors, #B0A2FF and #672DCD. 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)

#B0A2FF - #672DCD | 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 #B0A2FF as 0% and #672DCD as 100%.

0.0%	0.0% #B0A2FF	RGB 176 162 255	#B0A2FF
16.7%	16.7% #A38EF6	RGB 163 142 246	#A38EF6
33.3%	33.3% #977BEE	RGB 151 123 238	#977BEE
50.0%	50.0% #8B67E6	RGB 139 103 230	#8B67E6
66.7%	66.7% #7F54DD	RGB 127 84 221	#7F54DD
83.3%	83.3% #7340D5	RGB 115 64 213	#7340D5
100.0%	100.0% #672DCD	RGB 103 45 205	#672DCD

#B0A2FF #A38EF6 #977BEE #8B67E6 #7F54DD #7340D5 #672DCD

#B0A2FF - #672DCD

HSV Blend

#B0A2FF - #672DCD | 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 #B0A2FF as 0% and #672DCD as 100%.

0.0%	0.0% #AFA2FF	RGB 175 162 255	#AFA2FF
16.7%	16.7% #9F8BF6	RGB 159 139 246	#9F8BF6
33.3%	33.3% #9076EE	RGB 144 118 238	#9076EE
50.0%	50.0% #8462E6	RGB 132 98 230	#8462E6
66.7%	66.7% #784FDD	RGB 120 79 221	#784FDD
83.3%	83.3% #6F3DD5	RGB 111 61 213	#6F3DD5
100.0%	100.0% #672DCD	RGB 103 45 205	#672DCD

#AFA2FF #9F8BF6 #9076EE #8462E6 #784FDD #6F3DD5 #672DCD

#B0A2FF - #8462E6 - #672DCD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFA2FF 0%, #8462E6 50%, #672DCD 100%);
    background: -webkit-linear-gradient(top, #AFA2FF 0%, #8462E6 50%, #672DCD 100%);
    background: linear-gradient(to bottom, #AFA2FF 0%, #8462E6 50%, #672DCD 100%);
}
</style>