#3E2912 - #110B05 | 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 #3E2912 mit #110B05

#3E2912 #110B05

Berechnen Sie die Farbe zwischen zwei Farben, #3E2912 und #110B05. 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)

#3E2912 - #110B05 | 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 #3E2912 als 0% und #110B05 als 100%.

0.0%	0.0% #3E2912	RGB 62 41 18	#3E2912
16.7%	16.7% #36240F	RGB 54 36 15	#36240F
33.3%	33.3% #2F1F0D	RGB 47 31 13	#2F1F0D
50.0%	50.0% #271A0B	RGB 39 26 11	#271A0B
66.7%	66.7% #201509	RGB 32 21 9	#201509
83.3%	83.3% #181007	RGB 24 16 7	#181007
100.0%	100.0% #110B05	RGB 17 11 5	#110B05

#3E2912 #36240F #2F1F0D #271A0B #201509 #181007 #110B05

#3E2912 - #110B05

HSV-Mischung

#3E2912 - #110B05 | 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 #3E2912 als 0% und #110B05 als 100%.

0.0%	0.0% #3E2912	RGB 62 41 18	#3E2912
16.7%	16.7% #36230F	RGB 54 35 15	#36230F
33.3%	33.3% #2F1E0D	RGB 47 30 13	#2F1E0D
50.0%	50.0% #27190B	RGB 39 25 11	#27190B
66.7%	66.7% #201409	RGB 32 20 9	#201409
83.3%	83.3% #180F07	RGB 24 15 7	#180F07
100.0%	100.0% #110B05	RGB 17 11 5	#110B05

#3E2912 #36230F #2F1E0D #27190B #201409 #180F07 #110B05

#3E2912 - #27190B - #110B05

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E2912 0%, #27190B 50%, #110B05 100%);
    background: -webkit-linear-gradient(top, #3E2912 0%, #27190B 50%, #110B05 100%);
    background: linear-gradient(to bottom, #3E2912 0%, #27190B 50%, #110B05 100%);
}
</style>