#2D4C4D - #1C1314 | 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 #2D4C4D to #1C1314

#2D4C4D #1C1314

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

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

0.0%	0.0% #2D4C4D	RGB 45 76 77	#2D4C4D
16.7%	16.7% #2A4243	RGB 42 66 67	#2A4243
33.3%	33.3% #27393A	RGB 39 57 58	#27393A
50.0%	50.0% #242F30	RGB 36 47 48	#242F30
66.7%	66.7% #212627	RGB 33 38 39	#212627
83.3%	83.3% #1E1C1D	RGB 30 28 29	#1E1C1D
100.0%	100.0% #1C1314	RGB 28 19 20	#1C1314

#2D4C4D #2A4243 #27393A #242F30 #212627 #1E1C1D #1C1314

#2D4C4D - #1C1314

HSV Blend

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

0.0%	0.0% #2D4C4D	RGB 45 76 77	#2D4C4D
16.7%	16.7% #293644	RGB 41 54 68	#293644
33.3%	33.3% #25253C	RGB 37 37 60	#25253C
50.0%	50.0% #2A2134	RGB 42 33 52	#2A2134
66.7%	66.7% #2B1C2C	RGB 43 28 44	#2B1C2C
83.3%	83.3% #24171F	RGB 36 23 31	#24171F
100.0%	100.0% #1C1314	RGB 28 19 20	#1C1314

#2D4C4D #293644 #25253C #2A2134 #2B1C2C #24171F #1C1314

#2D4C4D - #2A2134 - #1C1314

CSS codes

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

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