#5E00A8 - #1A0030 | 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 #5E00A8 mit #1A0030

#5E00A8 #1A0030

Berechnen Sie die Farbe zwischen zwei Farben, #5E00A8 und #1A0030. 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)

#5E00A8 - #1A0030 | 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 #5E00A8 als 0% und #1A0030 als 100%.

0.0%	0.0% #5E00A8	RGB 94 0 168	#5E00A8
16.7%	16.7% #520094	RGB 82 0 148	#520094
33.3%	33.3% #470080	RGB 71 0 128	#470080
50.0%	50.0% #3C006C	RGB 60 0 108	#3C006C
66.7%	66.7% #300058	RGB 48 0 88	#300058
83.3%	83.3% #250044	RGB 37 0 68	#250044
100.0%	100.0% #1A0030	RGB 26 0 48	#1A0030

#5E00A8 #520094 #470080 #3C006C #300058 #250044 #1A0030

#5E00A8 - #1A0030

HSV-Mischung

#5E00A8 - #1A0030 | 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 #5E00A8 als 0% und #1A0030 als 100%.

0.0%	0.0% #5E00A8	RGB 94 0 168	#5E00A8
16.7%	16.7% #520094	RGB 82 0 148	#520094
33.3%	33.3% #460080	RGB 70 0 128	#460080
50.0%	50.0% #3B006C	RGB 59 0 108	#3B006C
66.7%	66.7% #300058	RGB 48 0 88	#300058
83.3%	83.3% #250044	RGB 37 0 68	#250044
100.0%	100.0% #1A0030	RGB 26 0 48	#1A0030

#5E00A8 #520094 #460080 #3B006C #300058 #250044 #1A0030

#5E00A8 - #3B006C - #1A0030

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E00A8 0%, #3B006C 50%, #1A0030 100%);
    background: -webkit-linear-gradient(top, #5E00A8 0%, #3B006C 50%, #1A0030 100%);
    background: linear-gradient(to bottom, #5E00A8 0%, #3B006C 50%, #1A0030 100%);
}
</style>