#201F2B - #09080C | 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 #201F2B to #09080C

#201F2B #09080C

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

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

0.0%	0.0% #201F2B	RGB 32 31 43	#201F2B
16.7%	16.7% #1C1B25	RGB 28 27 37	#1C1B25
33.3%	33.3% #181720	RGB 24 23 32	#181720
50.0%	50.0% #14131B	RGB 20 19 27	#14131B
66.7%	66.7% #100F16	RGB 16 15 22	#100F16
83.3%	83.3% #0C0B11	RGB 12 11 17	#0C0B11
100.0%	100.0% #09080C	RGB 9 8 12	#09080C

#201F2B #1C1B25 #181720 #14131B #100F16 #0C0B11 #09080C

#201F2B - #09080C

HSV Blend

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

0.0%	0.0% #201F2B	RGB 32 31 43	#201F2B
16.7%	16.7% #1C1A25	RGB 28 26 37	#1C1A25
33.3%	33.3% #181620	RGB 24 22 32	#181620
50.0%	50.0% #14131B	RGB 20 19 27	#14131B
66.7%	66.7% #100F16	RGB 16 15 22	#100F16
83.3%	83.3% #0C0B11	RGB 12 11 17	#0C0B11
100.0%	100.0% #09080C	RGB 9 8 12	#09080C

#201F2B #1C1A25 #181620 #14131B #100F16 #0C0B11 #09080C

#201F2B - #14131B - #09080C

CSS codes

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

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