#080402 - #1F060B | 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 #1F060B

#080402 #1F060B

Calculate the color between two colors, #080402 and #1F060B. 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 - #1F060B | 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 #1F060B as 100%.

0.0%	0.0% #080402	RGB 8 4 2	#080402
16.7%	16.7% #0B0403	RGB 11 4 3	#0B0403
33.3%	33.3% #0F0405	RGB 15 4 5	#0F0405
50.0%	50.0% #130506	RGB 19 5 6	#130506
66.7%	66.7% #170508	RGB 23 5 8	#170508
83.3%	83.3% #1B0509	RGB 27 5 9	#1B0509
100.0%	100.0% #1F060B	RGB 31 6 11	#1F060B

#080402 #0B0403 #0F0405 #130506 #170508 #1B0509 #1F060B

#080402 - #1F060B

HSV Blend

#080402 - #1F060B | 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 #1F060B as 100%.

0.0%	0.0% #080402	RGB 8 4 2	#080402
16.7%	16.7% #0B0502	RGB 11 5 2	#0B0502
33.3%	33.3% #0F0503	RGB 15 5 3	#0F0503
50.0%	50.0% #130504	RGB 19 5 4	#130504
66.7%	66.7% #170405	RGB 23 4 5	#170405
83.3%	83.3% #1B0507	RGB 27 5 7	#1B0507
100.0%	100.0% #1F060B	RGB 31 6 11	#1F060B

#080402 #0B0502 #0F0503 #130504 #170405 #1B0507 #1F060B

#080402 - #130504 - #1F060B

CSS codes

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

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