#B8ABFE - #333048 | 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 #B8ABFE to #333048

#B8ABFE #333048

Calculate the color between two colors, #B8ABFE and #333048. 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)

#B8ABFE - #333048 | 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 #B8ABFE as 0% and #333048 as 100%.

0.0%	0.0% #B8ABFE	RGB 184 171 254	#B8ABFE
16.7%	16.7% #A196DF	RGB 161 150 223	#A196DF
33.3%	33.3% #8B82C1	RGB 139 130 193	#8B82C1
50.0%	50.0% #756DA3	RGB 117 109 163	#756DA3
66.7%	66.7% #5F5984	RGB 95 89 132	#5F5984
83.3%	83.3% #494466	RGB 73 68 102	#494466
100.0%	100.0% #333048	RGB 51 48 72	#333048

#B8ABFE #A196DF #8B82C1 #756DA3 #5F5984 #494466 #333048

#B8ABFE - #333048

HSV Blend

#B8ABFE - #333048 | 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 #B8ABFE as 0% and #333048 as 100%.

0.0%	0.0% #B8ABFE	RGB 184 171 254	#B8ABFE
16.7%	16.7% #A196DF	RGB 161 150 223	#A196DF
33.3%	33.3% #8B81C1	RGB 139 129 193	#8B81C1
50.0%	50.0% #746DA3	RGB 116 109 163	#746DA3
66.7%	66.7% #5E5884	RGB 94 88 132	#5E5884
83.3%	83.3% #484466	RGB 72 68 102	#484466
100.0%	100.0% #333048	RGB 51 48 72	#333048

#B8ABFE #A196DF #8B81C1 #746DA3 #5E5884 #484466 #333048

#B8ABFE - #746DA3 - #333048

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8ABFE 0%, #746DA3 50%, #333048 100%);
    background: -webkit-linear-gradient(top, #B8ABFE 0%, #746DA3 50%, #333048 100%);
    background: linear-gradient(to bottom, #B8ABFE 0%, #746DA3 50%, #333048 100%);
}
</style>