#0007FF - #B6B6FF | 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 #0007FF to #B6B6FF

#0007FF #B6B6FF

Calculate the color between two colors, #0007FF and #B6B6FF. 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)

#0007FF - #B6B6FF | 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 #0007FF as 0% and #B6B6FF as 100%.

0.0%	0.0% #0007FF	RGB 0 7 255	#0007FF
16.7%	16.7% #1E24FF	RGB 30 36 255	#1E24FF
33.3%	33.3% #3C41FF	RGB 60 65 255	#3C41FF
50.0%	50.0% #5B5EFF	RGB 91 94 255	#5B5EFF
66.7%	66.7% #797BFF	RGB 121 123 255	#797BFF
83.3%	83.3% #9798FF	RGB 151 152 255	#9798FF
100.0%	100.0% #B6B6FF	RGB 182 182 255	#B6B6FF

#0007FF #1E24FF #3C41FF #5B5EFF #797BFF #9798FF #B6B6FF

#0007FF - #B6B6FF

HSV Blend

#0007FF - #B6B6FF | 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 #0007FF as 0% and #B6B6FF as 100%.

0.0%	0.0% #0007FF	RGB 0 7 255	#0007FF
16.7%	16.7% #1E23FF	RGB 30 35 255	#1E23FF
33.3%	33.3% #3C40FF	RGB 60 64 255	#3C40FF
50.0%	50.0% #5B5DFF	RGB 91 93 255	#5B5DFF
66.7%	66.7% #797AFF	RGB 121 122 255	#797AFF
83.3%	83.3% #9798FF	RGB 151 152 255	#9798FF
100.0%	100.0% #B6B6FF	RGB 182 182 255	#B6B6FF

#0007FF #1E23FF #3C40FF #5B5DFF #797AFF #9798FF #B6B6FF

#0007FF - #5B5DFF - #B6B6FF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0007FF 0%, #5B5DFF 50%, #B6B6FF 100%);
    background: -webkit-linear-gradient(top, #0007FF 0%, #5B5DFF 50%, #B6B6FF 100%);
    background: linear-gradient(to bottom, #0007FF 0%, #5B5DFF 50%, #B6B6FF 100%);
}
</style>