#B5A6FF - #604DEC | 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 #B5A6FF to #604DEC

#B5A6FF #604DEC

Calculate the color between two colors, #B5A6FF and #604DEC. 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)

#B5A6FF - #604DEC | 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 #B5A6FF as 0% and #604DEC as 100%.

0.0%	0.0% #B5A6FF	RGB 181 166 255	#B5A6FF
16.7%	16.7% #A697FB	RGB 166 151 251	#A697FB
33.3%	33.3% #9888F8	RGB 152 136 248	#9888F8
50.0%	50.0% #8A79F5	RGB 138 121 245	#8A79F5
66.7%	66.7% #7C6AF2	RGB 124 106 242	#7C6AF2
83.3%	83.3% #6E5BEF	RGB 110 91 239	#6E5BEF
100.0%	100.0% #604DEC	RGB 96 77 236	#604DEC

#B5A6FF #A697FB #9888F8 #8A79F5 #7C6AF2 #6E5BEF #604DEC

#B5A6FF - #604DEC

HSV Blend

#B5A6FF - #604DEC | 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 #B5A6FF as 0% and #604DEC as 100%.

0.0%	0.0% #B5A6FF	RGB 181 166 255	#B5A6FF
16.7%	16.7% #A696FB	RGB 166 150 251	#A696FB
33.3%	33.3% #9886F8	RGB 152 134 248	#9886F8
50.0%	50.0% #8A77F5	RGB 138 119 245	#8A77F5
66.7%	66.7% #7B69F2	RGB 123 105 242	#7B69F2
83.3%	83.3% #6D5AEF	RGB 109 90 239	#6D5AEF
100.0%	100.0% #604DEC	RGB 96 77 236	#604DEC

#B5A6FF #A696FB #9886F8 #8A77F5 #7B69F2 #6D5AEF #604DEC

#B5A6FF - #8A77F5 - #604DEC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5A6FF 0%, #8A77F5 50%, #604DEC 100%);
    background: -webkit-linear-gradient(top, #B5A6FF 0%, #8A77F5 50%, #604DEC 100%);
    background: linear-gradient(to bottom, #B5A6FF 0%, #8A77F5 50%, #604DEC 100%);
}
</style>