#274B5E - #0A151A | 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 #274B5E to #0A151A

#274B5E #0A151A

Calculate the color between two colors, #274B5E and #0A151A. 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)

#274B5E - #0A151A | 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 #274B5E as 0% and #0A151A as 100%.

0.0%	0.0% #274B5E	RGB 39 75 94	#274B5E
16.7%	16.7% #224252	RGB 34 66 82	#224252
33.3%	33.3% #1D3947	RGB 29 57 71	#1D3947
50.0%	50.0% #18303C	RGB 24 48 60	#18303C
66.7%	66.7% #132730	RGB 19 39 48	#132730
83.3%	83.3% #0E1E25	RGB 14 30 37	#0E1E25
100.0%	100.0% #0A151A	RGB 10 21 26	#0A151A

#274B5E #224252 #1D3947 #18303C #132730 #0E1E25 #0A151A

#274B5E - #0A151A

HSV Blend

#274B5E - #0A151A | 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 #274B5E as 0% and #0A151A as 100%.

0.0%	0.0% #274B5E	RGB 39 75 94	#274B5E
16.7%	16.7% #214252	RGB 33 66 82	#214252
33.3%	33.3% #1C3947	RGB 28 57 71	#1C3947
50.0%	50.0% #17303C	RGB 23 48 60	#17303C
66.7%	66.7% #132730	RGB 19 39 48	#132730
83.3%	83.3% #0E1E25	RGB 14 30 37	#0E1E25
100.0%	100.0% #0A151A	RGB 10 21 26	#0A151A

#274B5E #214252 #1C3947 #17303C #132730 #0E1E25 #0A151A

#274B5E - #17303C - #0A151A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #274B5E 0%, #17303C 50%, #0A151A 100%);
    background: -webkit-linear-gradient(top, #274B5E 0%, #17303C 50%, #0A151A 100%);
    background: linear-gradient(to bottom, #274B5E 0%, #17303C 50%, #0A151A 100%);
}
</style>