#B7B6FF - #4E4DDA | 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 #B7B6FF to #4E4DDA

#B7B6FF #4E4DDA

Calculate the color between two colors, #B7B6FF and #4E4DDA. 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)

#B7B6FF - #4E4DDA | 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 #B7B6FF as 0% and #4E4DDA as 100%.

0.0%	0.0% #B7B6FF	RGB 183 182 255	#B7B6FF
16.7%	16.7% #A5A4F8	RGB 165 164 248	#A5A4F8
33.3%	33.3% #9493F2	RGB 148 147 242	#9493F2
50.0%	50.0% #8281EC	RGB 130 129 236	#8281EC
66.7%	66.7% #7170E6	RGB 113 112 230	#7170E6
83.3%	83.3% #5F5EE0	RGB 95 94 224	#5F5EE0
100.0%	100.0% #4E4DDA	RGB 78 77 218	#4E4DDA

#B7B6FF #A5A4F8 #9493F2 #8281EC #7170E6 #5F5EE0 #4E4DDA

#B7B6FF - #4E4DDA

HSV Blend

#B7B6FF - #4E4DDA | 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 #B7B6FF as 0% and #4E4DDA as 100%.

0.0%	0.0% #B7B6FF	RGB 183 182 255	#B7B6FF
16.7%	16.7% #A3A2F8	RGB 163 162 248	#A3A2F8
33.3%	33.3% #9190F2	RGB 145 144 242	#9190F2
50.0%	50.0% #7F7EEC	RGB 127 126 236	#7F7EEC
66.7%	66.7% #6E6DE6	RGB 110 109 230	#6E6DE6
83.3%	83.3% #5D5CE0	RGB 93 92 224	#5D5CE0
100.0%	100.0% #4E4DDA	RGB 78 77 218	#4E4DDA

#B7B6FF #A3A2F8 #9190F2 #7F7EEC #6E6DE6 #5D5CE0 #4E4DDA

#B7B6FF - #7F7EEC - #4E4DDA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B7B6FF 0%, #7F7EEC 50%, #4E4DDA 100%);
    background: -webkit-linear-gradient(top, #B7B6FF 0%, #7F7EEC 50%, #4E4DDA 100%);
    background: linear-gradient(to bottom, #B7B6FF 0%, #7F7EEC 50%, #4E4DDA 100%);
}
</style>