#2D4D4C - #031C25 | 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 #2D4D4C to #031C25

#2D4D4C #031C25

Calculate the color between two colors, #2D4D4C and #031C25. 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)

#2D4D4C - #031C25 | 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 #2D4D4C as 0% and #031C25 as 100%.

0.0%	0.0% #2D4D4C	RGB 45 77 76	#2D4D4C
16.7%	16.7% #264445	RGB 38 68 69	#264445
33.3%	33.3% #1F3C3F	RGB 31 60 63	#1F3C3F
50.0%	50.0% #183438	RGB 24 52 56	#183438
66.7%	66.7% #102C32	RGB 16 44 50	#102C32
83.3%	83.3% #0A242B	RGB 10 36 43	#0A242B
100.0%	100.0% #031C25	RGB 3 28 37	#031C25

#2D4D4C #264445 #1F3C3F #183438 #102C32 #0A242B #031C25

#2D4D4C - #031C25

HSV Blend

#2D4D4C - #031C25 | 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 #2D4D4C as 0% and #031C25 as 100%.

0.0%	0.0% #2D4D4C	RGB 45 77 76	#2D4D4C
16.7%	16.7% #234546	RGB 35 69 70	#234546
33.3%	33.3% #1A3D3F	RGB 26 61 63	#1A3D3F
50.0%	50.0% #123439	RGB 18 52 57	#123439
66.7%	66.7% #0C2C32	RGB 12 44 50	#0C2C32
83.3%	83.3% #07232B	RGB 7 35 43	#07232B
100.0%	100.0% #031C25	RGB 3 28 37	#031C25

#2D4D4C #234546 #1A3D3F #123439 #0C2C32 #07232B #031C25

#2D4D4C - #123439 - #031C25

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D4D4C 0%, #123439 50%, #031C25 100%);
    background: -webkit-linear-gradient(top, #2D4D4C 0%, #123439 50%, #031C25 100%);
    background: linear-gradient(to bottom, #2D4D4C 0%, #123439 50%, #031C25 100%);
}
</style>