#2D3E30 - #06191B | 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 #2D3E30 to #06191B

#2D3E30 #06191B

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

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

0.0%	0.0% #2D3E30	RGB 45 62 48	#2D3E30
16.7%	16.7% #26372C	RGB 38 55 44	#26372C
33.3%	33.3% #203129	RGB 32 49 41	#203129
50.0%	50.0% #192B25	RGB 25 43 37	#192B25
66.7%	66.7% #132522	RGB 19 37 34	#132522
83.3%	83.3% #0C1F1E	RGB 12 31 30	#0C1F1E
100.0%	100.0% #06191B	RGB 6 25 27	#06191B

#2D3E30 #26372C #203129 #192B25 #132522 #0C1F1E #06191B

#2D3E30 - #06191B

HSV Blend

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

0.0%	0.0% #2D3E30	RGB 45 62 48	#2D3E30
16.7%	16.7% #24382A	RGB 36 56 42	#24382A
33.3%	33.3% #1C3226	RGB 28 50 38	#1C3226
50.0%	50.0% #152C23	RGB 21 44 35	#152C23
66.7%	66.7% #0F2621	RGB 15 38 33	#0F2621
83.3%	83.3% #0A201F	RGB 10 32 31	#0A201F
100.0%	100.0% #06191B	RGB 6 25 27	#06191B

#2D3E30 #24382A #1C3226 #152C23 #0F2621 #0A201F #06191B

#2D3E30 - #152C23 - #06191B

CSS codes

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

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