#181514 - #21000B | 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 #181514 to #21000B

#181514 #21000B

Calculate the color between two colors, #181514 and #21000B. 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)

#181514 - #21000B | 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 #181514 as 0% and #21000B as 100%.

0.0%	0.0% #181514	RGB 24 21 20	#181514
16.7%	16.7% #191112	RGB 25 17 18	#191112
33.3%	33.3% #1B0E11	RGB 27 14 17	#1B0E11
50.0%	50.0% #1C0A0F	RGB 28 10 15	#1C0A0F
66.7%	66.7% #1E060E	RGB 30 6 14	#1E060E
83.3%	83.3% #1F030C	RGB 31 3 12	#1F030C
100.0%	100.0% #21000B	RGB 33 0 11	#21000B

#181514 #191112 #1B0E11 #1C0A0F #1E060E #1F030C #21000B

#181514 - #21000B

HSV Blend

#181514 - #21000B | 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 #181514 as 0% and #21000B as 100%.

0.0%	0.0% #181514	RGB 24 21 20	#181514
16.7%	16.7% #191211	RGB 25 18 17	#191211
33.3%	33.3% #1B0F0F	RGB 27 15 15	#1B0F0F
50.0%	50.0% #1C0B0C	RGB 28 11 12	#1C0B0C
66.7%	66.7% #1E080B	RGB 30 8 11	#1E080B
83.3%	83.3% #1F040A	RGB 31 4 10	#1F040A
100.0%	100.0% #21000B	RGB 33 0 11	#21000B

#181514 #191211 #1B0F0F #1C0B0C #1E080B #1F040A #21000B

#181514 - #1C0B0C - #21000B

CSS codes

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

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