#B0A8FE - #6048D6 | 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 #B0A8FE to #6048D6

#B0A8FE #6048D6

Calculate the color between two colors, #B0A8FE and #6048D6. 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)

#B0A8FE - #6048D6 | 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 #B0A8FE as 0% and #6048D6 as 100%.

0.0%	0.0% #B0A8FE	RGB 176 168 254	#B0A8FE
16.7%	16.7% #A298F7	RGB 162 152 247	#A298F7
33.3%	33.3% #9588F0	RGB 149 136 240	#9588F0
50.0%	50.0% #8878EA	RGB 136 120 234	#8878EA
66.7%	66.7% #7A68E3	RGB 122 104 227	#7A68E3
83.3%	83.3% #6D58DC	RGB 109 88 220	#6D58DC
100.0%	100.0% #6048D6	RGB 96 72 214	#6048D6

#B0A8FE #A298F7 #9588F0 #8878EA #7A68E3 #6D58DC #6048D6

#B0A8FE - #6048D6

HSV Blend

#B0A8FE - #6048D6 | 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 #B0A8FE as 0% and #6048D6 as 100%.

0.0%	0.0% #AFA8FE	RGB 175 168 254	#AFA8FE
16.7%	16.7% #A096F7	RGB 160 150 247	#A096F7
33.3%	33.3% #9185F0	RGB 145 133 240	#9185F0
50.0%	50.0% #8474EA	RGB 132 116 234	#8474EA
66.7%	66.7% #7765E3	RGB 119 101 227	#7765E3
83.3%	83.3% #6B56DC	RGB 107 86 220	#6B56DC
100.0%	100.0% #6048D6	RGB 96 72 214	#6048D6

#AFA8FE #A096F7 #9185F0 #8474EA #7765E3 #6B56DC #6048D6

#B0A8FE - #8474EA - #6048D6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #AFA8FE 0%, #8474EA 50%, #6048D6 100%);
    background: -webkit-linear-gradient(top, #AFA8FE 0%, #8474EA 50%, #6048D6 100%);
    background: linear-gradient(to bottom, #AFA8FE 0%, #8474EA 50%, #6048D6 100%);
}
</style>