#050E5E - #B8BBD1 | 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 #050E5E to #B8BBD1

#050E5E #B8BBD1

Calculate the color between two colors, #050E5E and #B8BBD1. 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)

#050E5E - #B8BBD1 | 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 #050E5E as 0% and #B8BBD1 as 100%.

0.0%	0.0% #050E5E	RGB 5 14 94	#050E5E
16.7%	16.7% #222A71	RGB 34 42 113	#222A71
33.3%	33.3% #404784	RGB 64 71 132	#404784
50.0%	50.0% #5E6497	RGB 94 100 151	#5E6497
66.7%	66.7% #7C81AA	RGB 124 129 170	#7C81AA
83.3%	83.3% #9A9EBD	RGB 154 158 189	#9A9EBD
100.0%	100.0% #B8BBD1	RGB 184 187 209	#B8BBD1

#050E5E #222A71 #404784 #5E6497 #7C81AA #9A9EBD #B8BBD1

#050E5E - #B8BBD1

HSV Blend

#050E5E - #B8BBD1 | 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 #050E5E as 0% and #B8BBD1 as 100%.

0.0%	0.0% #040D5E	RGB 4 13 94	#040D5E
16.7%	16.7% #151F71	RGB 21 31 113	#151F71
33.3%	33.3% #2B3584	RGB 43 53 132	#2B3584
50.0%	50.0% #464F97	RGB 70 79 151	#464F97
66.7%	66.7% #676EAA	RGB 103 110 170	#676EAA
83.3%	83.3% #8C92BD	RGB 140 146 189	#8C92BD
100.0%	100.0% #B8BBD1	RGB 184 187 209	#B8BBD1

#040D5E #151F71 #2B3584 #464F97 #676EAA #8C92BD #B8BBD1

#050E5E - #464F97 - #B8BBD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #040D5E 0%, #464F97 50%, #B8BBD1 100%);
    background: -webkit-linear-gradient(top, #040D5E 0%, #464F97 50%, #B8BBD1 100%);
    background: linear-gradient(to bottom, #040D5E 0%, #464F97 50%, #B8BBD1 100%);
}
</style>