#2D1424 - #240007 | 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 #2D1424 to #240007

#2D1424 #240007

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

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

0.0%	0.0% #2D1424	RGB 45 20 36	#2D1424
16.7%	16.7% #2B101F	RGB 43 16 31	#2B101F
33.3%	33.3% #2A0D1A	RGB 42 13 26	#2A0D1A
50.0%	50.0% #280A15	RGB 40 10 21	#280A15
66.7%	66.7% #270610	RGB 39 6 16	#270610
83.3%	83.3% #25030B	RGB 37 3 11	#25030B
100.0%	100.0% #240007	RGB 36 0 7	#240007

#2D1424 #2B101F #2A0D1A #280A15 #270610 #25030B #240007

#2D1424 - #240007

HSV Blend

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

0.0%	0.0% #2D1424	RGB 45 20 36	#2D1424
16.7%	16.7% #2B101F	RGB 43 16 31	#2B101F
33.3%	33.3% #2A0C1A	RGB 42 12 26	#2A0C1A
50.0%	50.0% #280816	RGB 40 8 22	#280816
66.7%	66.7% #270511	RGB 39 5 17	#270511
83.3%	83.3% #25020C	RGB 37 2 12	#25020C
100.0%	100.0% #240007	RGB 36 0 7	#240007

#2D1424 #2B101F #2A0C1A #280816 #270511 #25020C #240007

#2D1424 - #280816 - #240007

CSS codes

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

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