#000591 - #B6B7DF | 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 #000591 to #B6B7DF

#000591 #B6B7DF

Calculate the color between two colors, #000591 and #B6B7DF. 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)

#000591 - #B6B7DF | 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 #000591 as 0% and #B6B7DF as 100%.

0.0%	0.0% #000591	RGB 0 5 145	#000591
16.7%	16.7% #1E229E	RGB 30 34 158	#1E229E
33.3%	33.3% #3C40AB	RGB 60 64 171	#3C40AB
50.0%	50.0% #5B5EB8	RGB 91 94 184	#5B5EB8
66.7%	66.7% #797BC5	RGB 121 123 197	#797BC5
83.3%	83.3% #9799D2	RGB 151 153 210	#9799D2
100.0%	100.0% #B6B7DF	RGB 182 183 223	#B6B7DF

#000591 #1E229E #3C40AB #5B5EB8 #797BC5 #9799D2 #B6B7DF

#000591 - #B6B7DF

HSV Blend

#000591 - #B6B7DF | 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 #000591 as 0% and #B6B7DF as 100%.

0.0%	0.0% #000491	RGB 0 4 145	#000491
16.7%	16.7% #15199E	RGB 21 25 158	#15199E
33.3%	33.3% #2E32AB	RGB 46 50 171	#2E32AB
50.0%	50.0% #4B4EB8	RGB 75 78 184	#4B4EB8
66.7%	66.7% #6B6DC5	RGB 107 109 197	#6B6DC5
83.3%	83.3% #8E90D2	RGB 142 144 210	#8E90D2
100.0%	100.0% #B6B7DF	RGB 182 183 223	#B6B7DF

#000491 #15199E #2E32AB #4B4EB8 #6B6DC5 #8E90D2 #B6B7DF

#000591 - #4B4EB8 - #B6B7DF

CSS codes

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

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