#3E5E3F - #111A11 | 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 #3E5E3F mit #111A11

#3E5E3F #111A11

Berechnen Sie die Farbe zwischen zwei Farben, #3E5E3F und #111A11. 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)

#3E5E3F - #111A11 | 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 #3E5E3F als 0% und #111A11 als 100%.

0.0%	0.0% #3E5E3F	RGB 62 94 63	#3E5E3F
16.7%	16.7% #365237	RGB 54 82 55	#365237
33.3%	33.3% #2F472F	RGB 47 71 47	#2F472F
50.0%	50.0% #273C28	RGB 39 60 40	#273C28
66.7%	66.7% #203020	RGB 32 48 32	#203020
83.3%	83.3% #182518	RGB 24 37 24	#182518
100.0%	100.0% #111A11	RGB 17 26 17	#111A11

#3E5E3F #365237 #2F472F #273C28 #203020 #182518 #111A11

#3E5E3F - #111A11

HSV-Mischung

#3E5E3F - #111A11 | 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 #3E5E3F als 0% und #111A11 als 100%.

0.0%	0.0% #3E5E3F	RGB 62 94 63	#3E5E3F
16.7%	16.7% #365237	RGB 54 82 55	#365237
33.3%	33.3% #2E472F	RGB 46 71 47	#2E472F
50.0%	50.0% #273C27	RGB 39 60 39	#273C27
66.7%	66.7% #1F3020	RGB 31 48 32	#1F3020
83.3%	83.3% #182518	RGB 24 37 24	#182518
100.0%	100.0% #111A11	RGB 17 26 17	#111A11

#3E5E3F #365237 #2E472F #273C27 #1F3020 #182518 #111A11

#3E5E3F - #273C27 - #111A11

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E3F 0%, #273C27 50%, #111A11 100%);
    background: -webkit-linear-gradient(top, #3E5E3F 0%, #273C27 50%, #111A11 100%);
    background: linear-gradient(to bottom, #3E5E3F 0%, #273C27 50%, #111A11 100%);
}
</style>