#B5B2FF - #6A58F6 | 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 #B5B2FF to #6A58F6

#B5B2FF #6A58F6

Calculate the color between two colors, #B5B2FF and #6A58F6. 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)

#B5B2FF - #6A58F6 | 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 #B5B2FF as 0% and #6A58F6 as 100%.

0.0%	0.0% #B5B2FF	RGB 181 178 255	#B5B2FF
16.7%	16.7% #A8A3FD	RGB 168 163 253	#A8A3FD
33.3%	33.3% #9C94FC	RGB 156 148 252	#9C94FC
50.0%	50.0% #8F85FA	RGB 143 133 250	#8F85FA
66.7%	66.7% #8376F9	RGB 131 118 249	#8376F9
83.3%	83.3% #7667F7	RGB 118 103 247	#7667F7
100.0%	100.0% #6A58F6	RGB 106 88 246	#6A58F6

#B5B2FF #A8A3FD #9C94FC #8F85FA #8376F9 #7667F7 #6A58F6

#B5B2FF - #6A58F6

HSV Blend

#B5B2FF - #6A58F6 | 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 #B5B2FF as 0% and #6A58F6 as 100%.

0.0%	0.0% #B5B2FF	RGB 181 178 255	#B5B2FF
16.7%	16.7% #A7A2FD	RGB 167 162 253	#A7A2FD
33.3%	33.3% #9A93FC	RGB 154 147 252	#9A93FC
50.0%	50.0% #8D84FA	RGB 141 132 250	#8D84FA
66.7%	66.7% #8175F9	RGB 129 117 249	#8175F9
83.3%	83.3% #7566F7	RGB 117 102 247	#7566F7
100.0%	100.0% #6A58F6	RGB 106 88 246	#6A58F6

#B5B2FF #A7A2FD #9A93FC #8D84FA #8175F9 #7566F7 #6A58F6

#B5B2FF - #8D84FA - #6A58F6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5B2FF 0%, #8D84FA 50%, #6A58F6 100%);
    background: -webkit-linear-gradient(top, #B5B2FF 0%, #8D84FA 50%, #6A58F6 100%);
    background: linear-gradient(to bottom, #B5B2FF 0%, #8D84FA 50%, #6A58F6 100%);
}
</style>