#5E9977 - #1B5E40 | 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 #5E9977 mit #1B5E40

#5E9977 #1B5E40

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

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

0.0%	0.0% #5E9977	RGB 94 153 119	#5E9977
16.7%	16.7% #528F6D	RGB 82 143 109	#528F6D
33.3%	33.3% #478564	RGB 71 133 100	#478564
50.0%	50.0% #3C7B5B	RGB 60 123 91	#3C7B5B
66.7%	66.7% #317152	RGB 49 113 82	#317152
83.3%	83.3% #266749	RGB 38 103 73	#266749
100.0%	100.0% #1B5E40	RGB 27 94 64	#1B5E40

#5E9977 #528F6D #478564 #3C7B5B #317152 #266749 #1B5E40

#5E9977 - #1B5E40

HSV-Mischung

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

0.0%	0.0% #5E9977	RGB 94 153 119	#5E9977
16.7%	16.7% #508F6C	RGB 80 143 108	#508F6C
33.3%	33.3% #438562	RGB 67 133 98	#438562
50.0%	50.0% #377B58	RGB 55 123 88	#377B58
66.7%	66.7% #2D7150	RGB 45 113 80	#2D7150
83.3%	83.3% #236747	RGB 35 103 71	#236747
100.0%	100.0% #1B5E40	RGB 27 94 64	#1B5E40

#5E9977 #508F6C #438562 #377B58 #2D7150 #236747 #1B5E40

#5E9977 - #377B58 - #1B5E40

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E9977 0%, #377B58 50%, #1B5E40 100%);
    background: -webkit-linear-gradient(top, #5E9977 0%, #377B58 50%, #1B5E40 100%);
    background: linear-gradient(to bottom, #5E9977 0%, #377B58 50%, #1B5E40 100%);
}
</style>