#2D5E2B - #171407 | 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 #2D5E2B mit #171407

#2D5E2B #171407

Berechnen Sie die Farbe zwischen zwei Farben, #2D5E2B und #171407. 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)

#2D5E2B - #171407 | 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 #2D5E2B als 0% und #171407 als 100%.

0.0%	0.0% #2D5E2B	RGB 45 94 43	#2D5E2B
16.7%	16.7% #295125	RGB 41 81 37	#295125
33.3%	33.3% #25451F	RGB 37 69 31	#25451F
50.0%	50.0% #223919	RGB 34 57 25	#223919
66.7%	66.7% #1E2C13	RGB 30 44 19	#1E2C13
83.3%	83.3% #1A200D	RGB 26 32 13	#1A200D
100.0%	100.0% #171407	RGB 23 20 7	#171407

#2D5E2B #295125 #25451F #223919 #1E2C13 #1A200D #171407

#2D5E2B - #171407

HSV-Mischung

#2D5E2B - #171407 | 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 #2D5E2B als 0% und #171407 als 100%.

0.0%	0.0% #2C5E2B	RGB 44 94 43	#2C5E2B
16.7%	16.7% #2E5223	RGB 46 82 35	#2E5223
33.3%	33.3% #2E461C	RGB 46 70 28	#2E461C
50.0%	50.0% #2C3A16	RGB 44 58 22	#2C3A16
66.7%	66.7% #282E10	RGB 40 46 16	#282E10
83.3%	83.3% #22220B	RGB 34 34 11	#22220B
100.0%	100.0% #171407	RGB 23 20 7	#171407

#2C5E2B #2E5223 #2E461C #2C3A16 #282E10 #22220B #171407

#2D5E2B - #2C3A16 - #171407

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2C5E2B 0%, #2C3A16 50%, #171407 100%);
    background: -webkit-linear-gradient(top, #2C5E2B 0%, #2C3A16 50%, #171407 100%);
    background: linear-gradient(to bottom, #2C5E2B 0%, #2C3A16 50%, #171407 100%);
}
</style>