#080502 - #302D3C | 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 #080502 to #302D3C

#080502 #302D3C

Calculate the color between two colors, #080502 and #302D3C. 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)

#080502 - #302D3C | 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 #080502 as 0% and #302D3C as 100%.

0.0%	0.0% #080502	RGB 8 5 2	#080502
16.7%	16.7% #0E0B0B	RGB 14 11 11	#0E0B0B
33.3%	33.3% #151215	RGB 21 18 21	#151215
50.0%	50.0% #1C191F	RGB 28 25 31	#1C191F
66.7%	66.7% #221F28	RGB 34 31 40	#221F28
83.3%	83.3% #292632	RGB 41 38 50	#292632
100.0%	100.0% #302D3C	RGB 48 45 60	#302D3C

#080502 #0E0B0B #151215 #1C191F #221F28 #292632 #302D3C

#080502 - #302D3C

HSV Blend

#080502 - #302D3C | 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 #080502 as 0% and #302D3C as 100%.

0.0%	0.0% #080502	RGB 8 5 2	#080502
16.7%	16.7% #100605	RGB 16 6 5	#100605
33.3%	33.3% #190A0E	RGB 25 10 14	#190A0E
50.0%	50.0% #22111C	RGB 34 17 28	#22111C
66.7%	66.7% #2A182A	RGB 42 24 42	#2A182A
83.3%	83.3% #2C2233	RGB 44 34 51	#2C2233
100.0%	100.0% #302D3C	RGB 48 45 60	#302D3C

#080502 #100605 #190A0E #22111C #2A182A #2C2233 #302D3C

#080502 - #22111C - #302D3C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #080502 0%, #22111C 50%, #302D3C 100%);
    background: -webkit-linear-gradient(top, #080502 0%, #22111C 50%, #302D3C 100%);
    background: linear-gradient(to bottom, #080502 0%, #22111C 50%, #302D3C 100%);
}
</style>