#201B2D - #09070C | 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 #201B2D to #09070C

#201B2D #09070C

Calculate the color between two colors, #201B2D and #09070C. 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)

#201B2D - #09070C | 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 #201B2D as 0% and #09070C as 100%.

0.0%	0.0% #201B2D	RGB 32 27 45	#201B2D
16.7%	16.7% #1C1727	RGB 28 23 39	#1C1727
33.3%	33.3% #181422	RGB 24 20 34	#181422
50.0%	50.0% #14111C	RGB 20 17 28	#14111C
66.7%	66.7% #100D17	RGB 16 13 23	#100D17
83.3%	83.3% #0C0A11	RGB 12 10 17	#0C0A11
100.0%	100.0% #09070C	RGB 9 7 12	#09070C

#201B2D #1C1727 #181422 #14111C #100D17 #0C0A11 #09070C

#201B2D - #09070C

HSV Blend

#201B2D - #09070C | 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 #201B2D as 0% and #09070C as 100%.

0.0%	0.0% #201B2D	RGB 32 27 45	#201B2D
16.7%	16.7% #1C1727	RGB 28 23 39	#1C1727
33.3%	33.3% #181422	RGB 24 20 34	#181422
50.0%	50.0% #14101C	RGB 20 16 28	#14101C
66.7%	66.7% #100D17	RGB 16 13 23	#100D17
83.3%	83.3% #0D0A11	RGB 13 10 17	#0D0A11
100.0%	100.0% #09070C	RGB 9 7 12	#09070C

#201B2D #1C1727 #181422 #14101C #100D17 #0D0A11 #09070C

#201B2D - #14101C - #09070C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #201B2D 0%, #14101C 50%, #09070C 100%);
    background: -webkit-linear-gradient(top, #201B2D 0%, #14101C 50%, #09070C 100%);
    background: linear-gradient(to bottom, #201B2D 0%, #14101C 50%, #09070C 100%);
}
</style>