#1A1624 - #00080C | 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 #1A1624 to #00080C

#1A1624 #00080C

Calculate the color between two colors, #1A1624 and #00080C. 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)

#1A1624 - #00080C | 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 #1A1624 as 0% and #00080C as 100%.

0.0%	0.0% #1A1624	RGB 26 22 36	#1A1624
16.7%	16.7% #151320	RGB 21 19 32	#151320
33.3%	33.3% #11111C	RGB 17 17 28	#11111C
50.0%	50.0% #0D0F18	RGB 13 15 24	#0D0F18
66.7%	66.7% #080C14	RGB 8 12 20	#080C14
83.3%	83.3% #040A10	RGB 4 10 16	#040A10
100.0%	100.0% #00080C	RGB 0 8 12	#00080C

#1A1624 #151320 #11111C #0D0F18 #080C14 #040A10 #00080C

#1A1624 - #00080C

HSV Blend

#1A1624 - #00080C | 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 #1A1624 as 0% and #00080C as 100%.

0.0%	0.0% #1A1624	RGB 26 22 36	#1A1624
16.7%	16.7% #121020	RGB 18 16 32	#121020
33.3%	33.3% #0B0B1C	RGB 11 11 28	#0B0B1C
50.0%	50.0% #070A18	RGB 7 10 24	#070A18
66.7%	66.7% #040914	RGB 4 9 20	#040914
83.3%	83.3% #010810	RGB 1 8 16	#010810
100.0%	100.0% #00080C	RGB 0 8 12	#00080C

#1A1624 #121020 #0B0B1C #070A18 #040914 #010810 #00080C

#1A1624 - #070A18 - #00080C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A1624 0%, #070A18 50%, #00080C 100%);
    background: -webkit-linear-gradient(top, #1A1624 0%, #070A18 50%, #00080C 100%);
    background: linear-gradient(to bottom, #1A1624 0%, #070A18 50%, #00080C 100%);
}
</style>