#2D2D2B - #120003 | 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 #2D2D2B to #120003

#2D2D2B #120003

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

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

0.0%	0.0% #2D2D2B	RGB 45 45 43	#2D2D2B
16.7%	16.7% #282524	RGB 40 37 36	#282524
33.3%	33.3% #241E1D	RGB 36 30 29	#241E1D
50.0%	50.0% #1F1617	RGB 31 22 23	#1F1617
66.7%	66.7% #1B0E10	RGB 27 14 16	#1B0E10
83.3%	83.3% #160709	RGB 22 7 9	#160709
100.0%	100.0% #120003	RGB 18 0 3	#120003

#2D2D2B #282524 #241E1D #1F1617 #1B0E10 #160709 #120003

#2D2D2B - #120003

HSV Blend

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

0.0%	0.0% #2D2D2B	RGB 45 45 43	#2D2D2B
16.7%	16.7% #282620	RGB 40 38 32	#282620
33.3%	33.3% #241E16	RGB 36 30 22	#241E16
50.0%	50.0% #1F150F	RGB 31 21 15	#1F150F
66.7%	66.7% #1B0C08	RGB 27 12 8	#1B0C08
83.3%	83.3% #160403	RGB 22 4 3	#160403
100.0%	100.0% #120003	RGB 18 0 3	#120003

#2D2D2B #282620 #241E16 #1F150F #1B0C08 #160403 #120003

#2D2D2B - #1F150F - #120003

CSS codes

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

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