#2B5E72 - #1C2224 | 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 #2B5E72 to #1C2224

#2B5E72 #1C2224

Calculate the color between two colors, #2B5E72 and #1C2224. 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)

#2B5E72 - #1C2224 | 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 #2B5E72 as 0% and #1C2224 as 100%.

0.0%	0.0% #2B5E72	RGB 43 94 114	#2B5E72
16.7%	16.7% #285465	RGB 40 84 101	#285465
33.3%	33.3% #264A58	RGB 38 74 88	#264A58
50.0%	50.0% #23404B	RGB 35 64 75	#23404B
66.7%	66.7% #21363E	RGB 33 54 62	#21363E
83.3%	83.3% #1E2C31	RGB 30 44 49	#1E2C31
100.0%	100.0% #1C2224	RGB 28 34 36	#1C2224

#2B5E72 #285465 #264A58 #23404B #21363E #1E2C31 #1C2224

#2B5E72 - #1C2224

HSV Blend

#2B5E72 - #1C2224 | 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 #2B5E72 as 0% and #1C2224 as 100%.

0.0%	0.0% #2B5E72	RGB 43 94 114	#2B5E72
16.7%	16.7% #2C5565	RGB 44 85 101	#2C5565
33.3%	33.3% #2C4C58	RGB 44 76 88	#2C4C58
50.0%	50.0% #2B424B	RGB 43 66 75	#2B424B
66.7%	66.7% #27383E	RGB 39 56 62	#27383E
83.3%	83.3% #222D31	RGB 34 45 49	#222D31
100.0%	100.0% #1C2224	RGB 28 34 36	#1C2224

#2B5E72 #2C5565 #2C4C58 #2B424B #27383E #222D31 #1C2224

#2B5E72 - #2B424B - #1C2224

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B5E72 0%, #2B424B 50%, #1C2224 100%);
    background: -webkit-linear-gradient(top, #2B5E72 0%, #2B424B 50%, #1C2224 100%);
    background: linear-gradient(to bottom, #2B5E72 0%, #2B424B 50%, #1C2224 100%);
}
</style>