#095E9B - #1B2738 | 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 #095E9B to #1B2738

#095E9B #1B2738

Calculate the color between two colors, #095E9B and #1B2738. 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)

#095E9B - #1B2738 | 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 #095E9B as 0% and #1B2738 as 100%.

0.0%	0.0% #095E9B	RGB 9 94 155	#095E9B
16.7%	16.7% #0C548A	RGB 12 84 138	#0C548A
33.3%	33.3% #0F4B7A	RGB 15 75 122	#0F4B7A
50.0%	50.0% #124269	RGB 18 66 105	#124269
66.7%	66.7% #153959	RGB 21 57 89	#153959
83.3%	83.3% #183048	RGB 24 48 72	#183048
100.0%	100.0% #1B2738	RGB 27 39 56	#1B2738

#095E9B #0C548A #0F4B7A #124269 #153959 #183048 #1B2738

#095E9B - #1B2738

HSV Blend

#095E9B - #1B2738 | 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 #095E9B as 0% and #1B2738 as 100%.

0.0%	0.0% #095E9B	RGB 9 94 155	#095E9B
16.7%	16.7% #11548A	RGB 17 84 138	#11548A
33.3%	33.3% #184B7A	RGB 24 75 122	#184B7A
50.0%	50.0% #1C4269	RGB 28 66 105	#1C4269
66.7%	66.7% #1E3959	RGB 30 57 89	#1E3959
83.3%	83.3% #1D3048	RGB 29 48 72	#1D3048
100.0%	100.0% #1B2738	RGB 27 39 56	#1B2738

#095E9B #11548A #184B7A #1C4269 #1E3959 #1D3048 #1B2738

#095E9B - #1C4269 - #1B2738

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #095E9B 0%, #1C4269 50%, #1B2738 100%);
    background: -webkit-linear-gradient(top, #095E9B 0%, #1C4269 50%, #1B2738 100%);
    background: linear-gradient(to bottom, #095E9B 0%, #1C4269 50%, #1B2738 100%);
}
</style>