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

#5E5E5F #15272B

Berechnen Sie die Farbe zwischen zwei Farben, #5E5E5F und #15272B. 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 - #15272B | 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 #15272B als 100%.

0.0%	0.0% #5E5E5F	RGB 94 94 95	#5E5E5F
16.7%	16.7% #515456	RGB 81 84 86	#515456
33.3%	33.3% #454B4D	RGB 69 75 77	#454B4D
50.0%	50.0% #394245	RGB 57 66 69	#394245
66.7%	66.7% #2D393C	RGB 45 57 60	#2D393C
83.3%	83.3% #213033	RGB 33 48 51	#213033
100.0%	100.0% #15272B	RGB 21 39 43	#15272B

#5E5E5F #515456 #454B4D #394245 #2D393C #213033 #15272B

#5E5E5F - #15272B

HSV-Mischung

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

0.0%	0.0% #5E5E5F	RGB 94 94 95	#5E5E5F
16.7%	16.7% #4E4F56	RGB 78 79 86	#4E4F56
33.3%	33.3% #3F434D	RGB 63 67 77	#3F434D
50.0%	50.0% #323A45	RGB 50 58 69	#323A45
66.7%	66.7% #27323C	RGB 39 50 60	#27323C
83.3%	83.3% #1D2C33	RGB 29 44 51	#1D2C33
100.0%	100.0% #15272B	RGB 21 39 43	#15272B

#5E5E5F #4E4F56 #3F434D #323A45 #27323C #1D2C33 #15272B

#5E5E5F - #323A45 - #15272B

CSS-Codes

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

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