#1F1036 - #8C4466 | 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 #1F1036 mit #8C4466

#1F1036 #8C4466

Berechnen Sie die Farbe zwischen zwei Farben, #1F1036 und #8C4466. 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)

#1F1036 - #8C4466 | 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 #1F1036 als 0% und #8C4466 als 100%.

0.0%	0.0% #1F1036	RGB 31 16 54	#1F1036
16.7%	16.7% #31183E	RGB 49 24 62	#31183E
33.3%	33.3% #432146	RGB 67 33 70	#432146
50.0%	50.0% #552A4E	RGB 85 42 78	#552A4E
66.7%	66.7% #673256	RGB 103 50 86	#673256
83.3%	83.3% #793B5E	RGB 121 59 94	#793B5E
100.0%	100.0% #8C4466	RGB 140 68 102	#8C4466

#1F1036 #31183E #432146 #552A4E #673256 #793B5E #8C4466

#1F1036 - #8C4466

HSV-Mischung

#1F1036 - #8C4466 | 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 #1F1036 als 0% und #8C4466 als 100%.

0.0%	0.0% #1F1036	RGB 31 16 54	#1F1036
16.7%	16.7% #311644	RGB 49 22 68	#311644
33.3%	33.3% #461D52	RGB 70 29 82	#461D52
50.0%	50.0% #5E2561	RGB 94 37 97	#5E2561
66.7%	66.7% #6F2F65	RGB 111 47 101	#6F2F65
83.3%	83.3% #7D3966	RGB 125 57 102	#7D3966
100.0%	100.0% #8C4466	RGB 140 68 102	#8C4466

#1F1036 #311644 #461D52 #5E2561 #6F2F65 #7D3966 #8C4466

#1F1036 - #5E2561 - #8C4466

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1F1036 0%, #5E2561 50%, #8C4466 100%);
    background: -webkit-linear-gradient(top, #1F1036 0%, #5E2561 50%, #8C4466 100%);
    background: linear-gradient(to bottom, #1F1036 0%, #5E2561 50%, #8C4466 100%);
}
</style>