#2B5E54 - #0C1514 | 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 #2B5E54 to #0C1514

#2B5E54 #0C1514

Calculate the color between two colors, #2B5E54 and #0C1514. 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)

#2B5E54 - #0C1514 | 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 #2B5E54 as 0% and #0C1514 as 100%.

0.0%	0.0% #2B5E54	RGB 43 94 84	#2B5E54
16.7%	16.7% #255149	RGB 37 81 73	#255149
33.3%	33.3% #20453E	RGB 32 69 62	#20453E
50.0%	50.0% #1B3934	RGB 27 57 52	#1B3934
66.7%	66.7% #162D29	RGB 22 45 41	#162D29
83.3%	83.3% #11211E	RGB 17 33 30	#11211E
100.0%	100.0% #0C1514	RGB 12 21 20	#0C1514

#2B5E54 #255149 #20453E #1B3934 #162D29 #11211E #0C1514

#2B5E54 - #0C1514

HSV Blend

#2B5E54 - #0C1514 | 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 #2B5E54 as 0% and #0C1514 as 100%.

0.0%	0.0% #2B5E54	RGB 43 94 84	#2B5E54
16.7%	16.7% #26514A	RGB 38 81 74	#26514A
33.3%	33.3% #22453F	RGB 34 69 63	#22453F
50.0%	50.0% #1D3935	RGB 29 57 53	#1D3935
66.7%	66.7% #182D2A	RGB 24 45 42	#182D2A
83.3%	83.3% #12211F	RGB 18 33 31	#12211F
100.0%	100.0% #0C1514	RGB 12 21 20	#0C1514

#2B5E54 #26514A #22453F #1D3935 #182D2A #12211F #0C1514

#2B5E54 - #1D3935 - #0C1514

CSS codes

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

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