#2D3E2D - #10080B | 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 #2D3E2D to #10080B

#2D3E2D #10080B

Calculate the color between two colors, #2D3E2D and #10080B. 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)

#2D3E2D - #10080B | 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 #2D3E2D as 0% and #10080B as 100%.

0.0%	0.0% #2D3E2D	RGB 45 62 45	#2D3E2D
16.7%	16.7% #283527	RGB 40 53 39	#283527
33.3%	33.3% #232C21	RGB 35 44 33	#232C21
50.0%	50.0% #1E231C	RGB 30 35 28	#1E231C
66.7%	66.7% #191A16	RGB 25 26 22	#191A16
83.3%	83.3% #141110	RGB 20 17 16	#141110
100.0%	100.0% #10080B	RGB 16 8 11	#10080B

#2D3E2D #283527 #232C21 #1E231C #191A16 #141110 #10080B

#2D3E2D - #10080B

HSV Blend

#2D3E2D - #10080B | 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 #2D3E2D as 0% and #10080B as 100%.

0.0%	0.0% #2D3E2D	RGB 45 62 45	#2D3E2D
16.7%	16.7% #2C3625	RGB 44 54 37	#2C3625
33.3%	33.3% #2B2E1E	RGB 43 46 30	#2B2E1E
50.0%	50.0% #272417	RGB 39 36 23	#272417
66.7%	66.7% #1F1712	RGB 31 23 18	#1F1712
83.3%	83.3% #170C0C	RGB 23 12 12	#170C0C
100.0%	100.0% #10080B	RGB 16 8 11	#10080B

#2D3E2D #2C3625 #2B2E1E #272417 #1F1712 #170C0C #10080B

#2D3E2D - #272417 - #10080B

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3E2D 0%, #272417 50%, #10080B 100%);
    background: -webkit-linear-gradient(top, #2D3E2D 0%, #272417 50%, #10080B 100%);
    background: linear-gradient(to bottom, #2D3E2D 0%, #272417 50%, #10080B 100%);
}
</style>