#080402 - #2F2D3C | 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 #080402 to #2F2D3C

#080402 #2F2D3C

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

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

0.0%	0.0% #080402	RGB 8 4 2	#080402
16.7%	16.7% #0E0A0B	RGB 14 10 11	#0E0A0B
33.3%	33.3% #151115	RGB 21 17 21	#151115
50.0%	50.0% #1B181F	RGB 27 24 31	#1B181F
66.7%	66.7% #221F28	RGB 34 31 40	#221F28
83.3%	83.3% #282632	RGB 40 38 50	#282632
100.0%	100.0% #2F2D3C	RGB 47 45 60	#2F2D3C

#080402 #0E0A0B #151115 #1B181F #221F28 #282632 #2F2D3C

#080402 - #2F2D3C

HSV Blend

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

0.0%	0.0% #080402	RGB 8 4 2	#080402
16.7%	16.7% #100505	RGB 16 5 5	#100505
33.3%	33.3% #190A10	RGB 25 10 16	#190A10
50.0%	50.0% #22111E	RGB 34 17 30	#22111E
66.7%	66.7% #28182A	RGB 40 24 42	#28182A
83.3%	83.3% #2A2233	RGB 42 34 51	#2A2233
100.0%	100.0% #2F2D3C	RGB 47 45 60	#2F2D3C

#080402 #100505 #190A10 #22111E #28182A #2A2233 #2F2D3C

#080402 - #22111E - #2F2D3C

CSS codes

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

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