#180C0C - #300304 | 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 #180C0C to #300304

#180C0C #300304

Calculate the color between two colors, #180C0C and #300304. 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)

#180C0C - #300304 | 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 #180C0C as 0% and #300304 as 100%.

0.0%	0.0% #180C0C	RGB 24 12 12	#180C0C
16.7%	16.7% #1C0A0A	RGB 28 10 10	#1C0A0A
33.3%	33.3% #200909	RGB 32 9 9	#200909
50.0%	50.0% #240708	RGB 36 7 8	#240708
66.7%	66.7% #280606	RGB 40 6 6	#280606
83.3%	83.3% #2C0405	RGB 44 4 5	#2C0405
100.0%	100.0% #300304	RGB 48 3 4	#300304

#180C0C #1C0A0A #200909 #240708 #280606 #2C0405 #300304

#180C0C - #300304

HSV Blend

#180C0C - #300304 | 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 #180C0C as 0% and #300304 as 100%.

0.0%	0.0% #180C0C	RGB 24 12 12	#180C0C
16.7%	16.7% #1C0B0C	RGB 28 11 12	#1C0B0C
33.3%	33.3% #200B0B	RGB 32 11 11	#200B0B
50.0%	50.0% #240A0A	RGB 36 10 10	#240A0A
66.7%	66.7% #280808	RGB 40 8 8	#280808
83.3%	83.3% #2C0506	RGB 44 5 6	#2C0506
100.0%	100.0% #300304	RGB 48 3 4	#300304

#180C0C #1C0B0C #200B0B #240A0A #280808 #2C0506 #300304

#180C0C - #240A0A - #300304

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #180C0C 0%, #240A0A 50%, #300304 100%);
    background: -webkit-linear-gradient(top, #180C0C 0%, #240A0A 50%, #300304 100%);
    background: linear-gradient(to bottom, #180C0C 0%, #240A0A 50%, #300304 100%);
}
</style>