#003893 - #B5EEE7 | 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 #003893 to #B5EEE7

#003893 #B5EEE7

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

#003893 - #B5EEE7 | 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 #003893 as 0% and #B5EEE7 as 100%.

0.0%	0.0% #003893	RGB 0 56 147	#003893
16.7%	16.7% #1E56A1	RGB 30 86 161	#1E56A1
33.3%	33.3% #3C74AF	RGB 60 116 175	#3C74AF
50.0%	50.0% #5A93BD	RGB 90 147 189	#5A93BD
66.7%	66.7% #78B1CB	RGB 120 177 203	#78B1CB
83.3%	83.3% #96CFD9	RGB 150 207 217	#96CFD9
100.0%	100.0% #B5EEE7	RGB 181 238 231	#B5EEE7

#003893 #1E56A1 #3C74AF #5A93BD #78B1CB #96CFD9 #B5EEE7

#003893 - #B5EEE7

HSV Blend

#003893 - #B5EEE7 | 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 #003893 as 0% and #B5EEE7 as 100%.

0.0%	0.0% #003793	RGB 0 55 147	#003793
16.7%	16.7% #145CA2	RGB 20 92 162	#145CA2
33.3%	33.3% #2C80B1	RGB 44 128 177	#2C80B1
50.0%	50.0% #49A2C0	RGB 73 162 192	#49A2C0
66.7%	66.7% #69C2CF	RGB 105 194 207	#69C2CF
83.3%	83.3% #8DDEDE	RGB 141 222 222	#8DDEDE
100.0%	100.0% #B5EEE7	RGB 181 238 231	#B5EEE7

#003793 #145CA2 #2C80B1 #49A2C0 #69C2CF #8DDEDE #B5EEE7

#003893 - #49A2C0 - #B5EEE7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #003793 0%, #49A2C0 50%, #B5EEE7 100%);
    background: -webkit-linear-gradient(top, #003793 0%, #49A2C0 50%, #B5EEE7 100%);
    background: linear-gradient(to bottom, #003793 0%, #49A2C0 50%, #B5EEE7 100%);
}
</style>