#B9A0FF - #342D48 | 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 #B9A0FF to #342D48

#B9A0FF #342D48

Calculate the color between two colors, #B9A0FF and #342D48. 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)

#B9A0FF - #342D48 | 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 #B9A0FF as 0% and #342D48 as 100%.

0.0%	0.0% #B9A0FF	RGB 185 160 255	#B9A0FF
16.7%	16.7% #A28CE0	RGB 162 140 224	#A28CE0
33.3%	33.3% #8C79C2	RGB 140 121 194	#8C79C2
50.0%	50.0% #7666A3	RGB 118 102 163	#7666A3
66.7%	66.7% #605384	RGB 96 83 132	#605384
83.3%	83.3% #4A4066	RGB 74 64 102	#4A4066
100.0%	100.0% #342D48	RGB 52 45 72	#342D48

#B9A0FF #A28CE0 #8C79C2 #7666A3 #605384 #4A4066 #342D48

#B9A0FF - #342D48

HSV Blend

#B9A0FF - #342D48 | 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 #B9A0FF as 0% and #342D48 as 100%.

0.0%	0.0% #B8A0FF	RGB 184 160 255	#B8A0FF
16.7%	16.7% #A28CE0	RGB 162 140 224	#A28CE0
33.3%	33.3% #8C79C2	RGB 140 121 194	#8C79C2
50.0%	50.0% #7666A3	RGB 118 102 163	#7666A3
66.7%	66.7% #605384	RGB 96 83 132	#605384
83.3%	83.3% #4A4066	RGB 74 64 102	#4A4066
100.0%	100.0% #342D48	RGB 52 45 72	#342D48

#B8A0FF #A28CE0 #8C79C2 #7666A3 #605384 #4A4066 #342D48

#B9A0FF - #7666A3 - #342D48

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B8A0FF 0%, #7666A3 50%, #342D48 100%);
    background: -webkit-linear-gradient(top, #B8A0FF 0%, #7666A3 50%, #342D48 100%);
    background: linear-gradient(to bottom, #B8A0FF 0%, #7666A3 50%, #342D48 100%);
}
</style>