#5E721B - #1E2B08 | 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 #5E721B mit #1E2B08

#5E721B #1E2B08

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

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

0.0%	0.0% #5E721B	RGB 94 114 27	#5E721B
16.7%	16.7% #536617	RGB 83 102 23	#536617
33.3%	33.3% #485A14	RGB 72 90 20	#485A14
50.0%	50.0% #3E4E11	RGB 62 78 17	#3E4E11
66.7%	66.7% #33420E	RGB 51 66 14	#33420E
83.3%	83.3% #28360B	RGB 40 54 11	#28360B
100.0%	100.0% #1E2B08	RGB 30 43 8	#1E2B08

#5E721B #536617 #485A14 #3E4E11 #33420E #28360B #1E2B08

#5E721B - #1E2B08

HSV-Mischung

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

0.0%	0.0% #5E721B	RGB 94 114 27	#5E721B
16.7%	16.7% #526617	RGB 82 102 23	#526617
33.3%	33.3% #465A13	RGB 70 90 19	#465A13
50.0%	50.0% #3B4E10	RGB 59 78 16	#3B4E10
66.7%	66.7% #31420D	RGB 49 66 13	#31420D
83.3%	83.3% #27360A	RGB 39 54 10	#27360A
100.0%	100.0% #1E2B08	RGB 30 43 8	#1E2B08

#5E721B #526617 #465A13 #3B4E10 #31420D #27360A #1E2B08

#5E721B - #3B4E10 - #1E2B08

CSS-Codes

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

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