#000B93 - #B5E3EE | 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 #000B93 to #B5E3EE

#000B93 #B5E3EE

Calculate the color between two colors, #000B93 and #B5E3EE. 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)

#000B93 - #B5E3EE | 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 #000B93 as 0% and #B5E3EE as 100%.

0.0%	0.0% #000B93	RGB 0 11 147	#000B93
16.7%	16.7% #1E2FA2	RGB 30 47 162	#1E2FA2
33.3%	33.3% #3C53B1	RGB 60 83 177	#3C53B1
50.0%	50.0% #5A77C0	RGB 90 119 192	#5A77C0
66.7%	66.7% #789BCF	RGB 120 155 207	#789BCF
83.3%	83.3% #96BFDE	RGB 150 191 222	#96BFDE
100.0%	100.0% #B5E3EE	RGB 181 227 238	#B5E3EE

#000B93 #1E2FA2 #3C53B1 #5A77C0 #789BCF #96BFDE #B5E3EE

#000B93 - #B5E3EE

HSV Blend

#000B93 - #B5E3EE | 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 #000B93 as 0% and #B5E3EE as 100%.

0.0%	0.0% #000B93	RGB 0 11 147	#000B93
16.7%	16.7% #1430A2	RGB 20 48 162	#1430A2
33.3%	33.3% #2C57B1	RGB 44 87 177	#2C57B1
50.0%	50.0% #497DC0	RGB 73 125 192	#497DC0
66.7%	66.7% #69A2CF	RGB 105 162 207	#69A2CF
83.3%	83.3% #8DC5DE	RGB 141 197 222	#8DC5DE
100.0%	100.0% #B5E3EE	RGB 181 227 238	#B5E3EE

#000B93 #1430A2 #2C57B1 #497DC0 #69A2CF #8DC5DE #B5E3EE

#000B93 - #497DC0 - #B5E3EE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #000B93 0%, #497DC0 50%, #B5E3EE 100%);
    background: -webkit-linear-gradient(top, #000B93 0%, #497DC0 50%, #B5E3EE 100%);
    background: linear-gradient(to bottom, #000B93 0%, #497DC0 50%, #B5E3EE 100%);
}
</style>