#20181C - #210007 | Colorate

Colorate besitzt ein Farbschema-Tool für Designer und Entwickler. Es wird Sie inspirieren und Ihnen bei Ihrer Farbauswahl helfen. Mach diese Seite besser

Mischen Sie #20181C mit #210007

#20181C #210007

Berechnen Sie die Farbe zwischen zwei Farben, #20181C und #210007. Bei der Berechnung von RGB-Werten ist die Sättigung zwischen den verschiedenen Farben niedrig. Bei der Berechnung der HSV-Werte ist die Sättigung zwischen den verschiedenen Farben nicht niedrig.

RGB-Mischung (linear)

#20181C - #210007 | Colorate

Berechnung der Farbe zwischen zwei Farben basierend auf dem RGB-Wert. Bei Farben, die voneinander entfernt sind, verringert sich die Sättigung zwischen den beiden Farben. Erweitern Sie die Farbe zwischen zwei Farben mit #20181C als 0% und #210007 als 100%.

0.0%	0.0% #20181C	RGB 32 24 28	#20181C
16.7%	16.7% #201418	RGB 32 20 24	#201418
33.3%	33.3% #201015	RGB 32 16 21	#201015
50.0%	50.0% #200C11	RGB 32 12 17	#200C11
66.7%	66.7% #20080E	RGB 32 8 14	#20080E
83.3%	83.3% #20040A	RGB 32 4 10	#20040A
100.0%	100.0% #210007	RGB 33 0 7	#210007

#20181C #201418 #201015 #200C11 #20080E #20040A #210007

#20181C - #210007

HSV-Mischung

#20181C - #210007 | Colorate

Berechnung der Farbe zwischen zwei Farben basierend auf dem HSV-Wert. Selbst zwischen verschiedenen Farbfarben nimmt die Sättigung zwischen den zwei Farben nicht ab. Erweitern Sie die Farbe zwischen zwei Farben mit #20181C als 0% und #210007 als 100%.

0.0%	0.0% #20181C	RGB 32 24 28	#20181C
16.7%	16.7% #201419	RGB 32 20 25	#201419
33.3%	33.3% #201016	RGB 32 16 22	#201016
50.0%	50.0% #200C13	RGB 32 12 19	#200C13
66.7%	66.7% #20080F	RGB 32 8 15	#20080F
83.3%	83.3% #20040B	RGB 32 4 11	#20040B
100.0%	100.0% #210007	RGB 33 0 7	#210007

#20181C #201419 #201016 #200C13 #20080F #20040B #210007

#20181C - #200C13 - #210007

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #20181C 0%, #200C13 50%, #210007 100%);
    background: -webkit-linear-gradient(top, #20181C 0%, #200C13 50%, #210007 100%);
    background: linear-gradient(to bottom, #20181C 0%, #200C13 50%, #210007 100%);
}
</style>