#000153 - #5E82AD | 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 #000153 to #5E82AD

#000153 #5E82AD

Calculate the color between two colors, #000153 and #5E82AD. 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)

#000153 - #5E82AD | 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 #000153 as 0% and #5E82AD as 100%.

0.0%	0.0% #000153	RGB 0 1 83	#000153
16.7%	16.7% #0F1662	RGB 15 22 98	#0F1662
33.3%	33.3% #1F2C71	RGB 31 44 113	#1F2C71
50.0%	50.0% #2F4180	RGB 47 65 128	#2F4180
66.7%	66.7% #3E578F	RGB 62 87 143	#3E578F
83.3%	83.3% #4E6C9E	RGB 78 108 158	#4E6C9E
100.0%	100.0% #5E82AD	RGB 94 130 173	#5E82AD

#000153 #0F1662 #1F2C71 #2F4180 #3E578F #4E6C9E #5E82AD

#000153 - #5E82AD

HSV Blend

#000153 - #5E82AD | 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 #000153 as 0% and #5E82AD as 100%.

0.0%	0.0% #000153	RGB 0 1 83	#000153
16.7%	16.7% #081062	RGB 8 16 98	#081062
33.3%	33.3% #142371	RGB 20 35 113	#142371
50.0%	50.0% #223880	RGB 34 56 128	#223880
66.7%	66.7% #334F8F	RGB 51 79 143	#334F8F
83.3%	83.3% #47689E	RGB 71 104 158	#47689E
100.0%	100.0% #5E82AD	RGB 94 130 173	#5E82AD

#000153 #081062 #142371 #223880 #334F8F #47689E #5E82AD

#000153 - #223880 - #5E82AD

CSS codes

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

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