#5E3E50 - #3C0424 | 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 #5E3E50 mit #3C0424

#5E3E50 #3C0424

Berechnen Sie die Farbe zwischen zwei Farben, #5E3E50 und #3C0424. 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)

#5E3E50 - #3C0424 | 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 #5E3E50 als 0% und #3C0424 als 100%.

0.0%	0.0% #5E3E50	RGB 94 62 80	#5E3E50
16.7%	16.7% #583448	RGB 88 52 72	#583448
33.3%	33.3% #522A41	RGB 82 42 65	#522A41
50.0%	50.0% #4D213A	RGB 77 33 58	#4D213A
66.7%	66.7% #471732	RGB 71 23 50	#471732
83.3%	83.3% #410D2B	RGB 65 13 43	#410D2B
100.0%	100.0% #3C0424	RGB 60 4 36	#3C0424

#5E3E50 #583448 #522A41 #4D213A #471732 #410D2B #3C0424

#5E3E50 - #3C0424

HSV-Mischung

#5E3E50 - #3C0424 | 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 #5E3E50 als 0% und #3C0424 als 100%.

0.0%	0.0% #5E3E50	RGB 94 62 80	#5E3E50
16.7%	16.7% #583147	RGB 88 49 71	#583147
33.3%	33.3% #52263F	RGB 82 38 63	#52263F
50.0%	50.0% #4D1B37	RGB 77 27 55	#4D1B37
66.7%	66.7% #471230	RGB 71 18 48	#471230
83.3%	83.3% #410A2A	RGB 65 10 42	#410A2A
100.0%	100.0% #3C0424	RGB 60 4 36	#3C0424

#5E3E50 #583147 #52263F #4D1B37 #471230 #410A2A #3C0424

#5E3E50 - #4D1B37 - #3C0424

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3E50 0%, #4D1B37 50%, #3C0424 100%);
    background: -webkit-linear-gradient(top, #5E3E50 0%, #4D1B37 50%, #3C0424 100%);
    background: linear-gradient(to bottom, #5E3E50 0%, #4D1B37 50%, #3C0424 100%);
}
</style>