#2F1B5E - #9C5E86 | 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 #2F1B5E mit #9C5E86

#2F1B5E #9C5E86

Berechnen Sie die Farbe zwischen zwei Farben, #2F1B5E und #9C5E86. 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)

#2F1B5E - #9C5E86 | 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 #2F1B5E als 0% und #9C5E86 als 100%.

0.0%	0.0% #2F1B5E	RGB 47 27 94	#2F1B5E
16.7%	16.7% #412664	RGB 65 38 100	#412664
33.3%	33.3% #53316B	RGB 83 49 107	#53316B
50.0%	50.0% #653C72	RGB 101 60 114	#653C72
66.7%	66.7% #774778	RGB 119 71 120	#774778
83.3%	83.3% #89527F	RGB 137 82 127	#89527F
100.0%	100.0% #9C5E86	RGB 156 94 134	#9C5E86

#2F1B5E #412664 #53316B #653C72 #774778 #89527F #9C5E86

#2F1B5E - #9C5E86

HSV-Mischung

#2F1B5E - #9C5E86 | 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 #2F1B5E als 0% und #9C5E86 als 100%.

0.0%	0.0% #2F1B5E	RGB 47 27 94	#2F1B5E
16.7%	16.7% #442368	RGB 68 35 104	#442368
33.3%	33.3% #5A2C72	RGB 90 44 114	#5A2C72
50.0%	50.0% #70377D	RGB 112 55 125	#70377D
66.7%	66.7% #874387	RGB 135 67 135	#874387
83.3%	83.3% #915085	RGB 145 80 133	#915085
100.0%	100.0% #9C5E86	RGB 156 94 134	#9C5E86

#2F1B5E #442368 #5A2C72 #70377D #874387 #915085 #9C5E86

#2F1B5E - #70377D - #9C5E86

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F1B5E 0%, #70377D 50%, #9C5E86 100%);
    background: -webkit-linear-gradient(top, #2F1B5E 0%, #70377D 50%, #9C5E86 100%);
    background: linear-gradient(to bottom, #2F1B5E 0%, #70377D 50%, #9C5E86 100%);
}
</style>