#5E5E5F - #15192B | 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 #5E5E5F mit #15192B

#5E5E5F #15192B

Berechnen Sie die Farbe zwischen zwei Farben, #5E5E5F und #15192B. 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)

#5E5E5F - #15192B | 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 #5E5E5F als 0% und #15192B als 100%.

0.0%	0.0% #5E5E5F	RGB 94 94 95	#5E5E5F
16.7%	16.7% #515256	RGB 81 82 86	#515256
33.3%	33.3% #45474D	RGB 69 71 77	#45474D
50.0%	50.0% #393B45	RGB 57 59 69	#393B45
66.7%	66.7% #2D303C	RGB 45 48 60	#2D303C
83.3%	83.3% #212433	RGB 33 36 51	#212433
100.0%	100.0% #15192B	RGB 21 25 43	#15192B

#5E5E5F #515256 #45474D #393B45 #2D303C #212433 #15192B

#5E5E5F - #15192B

HSV-Mischung

#5E5E5F - #15192B | 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 #5E5E5F als 0% und #15192B als 100%.

0.0%	0.0% #5E5E5F	RGB 94 94 95	#5E5E5F
16.7%	16.7% #4E4E56	RGB 78 78 86	#4E4E56
33.3%	33.3% #3F404D	RGB 63 64 77	#3F404D
50.0%	50.0% #323445	RGB 50 52 69	#323445
66.7%	66.7% #272A3C	RGB 39 42 60	#272A3C
83.3%	83.3% #1D2033	RGB 29 32 51	#1D2033
100.0%	100.0% #15192B	RGB 21 25 43	#15192B

#5E5E5F #4E4E56 #3F404D #323445 #272A3C #1D2033 #15192B

#5E5E5F - #323445 - #15192B

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E5E5F 0%, #323445 50%, #15192B 100%);
    background: -webkit-linear-gradient(top, #5E5E5F 0%, #323445 50%, #15192B 100%);
    background: linear-gradient(to bottom, #5E5E5F 0%, #323445 50%, #15192B 100%);
}
</style>