#2D5E58 - #09222A | 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 #2D5E58 to #09222A

#2D5E58 #09222A

Calculate the color between two colors, #2D5E58 and #09222A. 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)

#2D5E58 - #09222A | 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 #2D5E58 as 0% and #09222A as 100%.

0.0%	0.0% #2D5E58	RGB 45 94 88	#2D5E58
16.7%	16.7% #275450	RGB 39 84 80	#275450
33.3%	33.3% #214A48	RGB 33 74 72	#214A48
50.0%	50.0% #1B4041	RGB 27 64 65	#1B4041
66.7%	66.7% #153639	RGB 21 54 57	#153639
83.3%	83.3% #0F2C31	RGB 15 44 49	#0F2C31
100.0%	100.0% #09222A	RGB 9 34 42	#09222A

#2D5E58 #275450 #214A48 #1B4041 #153639 #0F2C31 #09222A

#2D5E58 - #09222A

HSV Blend

#2D5E58 - #09222A | 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 #2D5E58 as 0% and #09222A as 100%.

0.0%	0.0% #2D5E58	RGB 45 94 88	#2D5E58
16.7%	16.7% #255552	RGB 37 85 82	#255552
33.3%	33.3% #1D4C4C	RGB 29 76 76	#1D4C4C
50.0%	50.0% #174144	RGB 23 65 68	#174144
66.7%	66.7% #11363B	RGB 17 54 59	#11363B
83.3%	83.3% #0D2B32	RGB 13 43 50	#0D2B32
100.0%	100.0% #09222A	RGB 9 34 42	#09222A

#2D5E58 #255552 #1D4C4C #174144 #11363B #0D2B32 #09222A

#2D5E58 - #174144 - #09222A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5E58 0%, #174144 50%, #09222A 100%);
    background: -webkit-linear-gradient(top, #2D5E58 0%, #174144 50%, #09222A 100%);
    background: linear-gradient(to bottom, #2D5E58 0%, #174144 50%, #09222A 100%);
}
</style>