#456245 - #131C13 | 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 #456245 mit #131C13

#456245 #131C13

Berechnen Sie die Farbe zwischen zwei Farben, #456245 und #131C13. 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)

#456245 - #131C13 | 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 #456245 als 0% und #131C13 als 100%.

0.0%	0.0% #456245	RGB 69 98 69	#456245
16.7%	16.7% #3C563C	RGB 60 86 60	#3C563C
33.3%	33.3% #344A34	RGB 52 74 52	#344A34
50.0%	50.0% #2C3F2C	RGB 44 63 44	#2C3F2C
66.7%	66.7% #233323	RGB 35 51 35	#233323
83.3%	83.3% #1B271B	RGB 27 39 27	#1B271B
100.0%	100.0% #131C13	RGB 19 28 19	#131C13

#456245 #3C563C #344A34 #2C3F2C #233323 #1B271B #131C13

#456245 - #131C13

HSV-Mischung

#456245 - #131C13 | 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 #456245 als 0% und #131C13 als 100%.

0.0%	0.0% #456245	RGB 69 98 69	#456245
16.7%	16.7% #3C563C	RGB 60 86 60	#3C563C
33.3%	33.3% #334A33	RGB 51 74 51	#334A33
50.0%	50.0% #2B3F2B	RGB 43 63 43	#2B3F2B
66.7%	66.7% #233323	RGB 35 51 35	#233323
83.3%	83.3% #1B271B	RGB 27 39 27	#1B271B
100.0%	100.0% #131C13	RGB 19 28 19	#131C13

#456245 #3C563C #334A33 #2B3F2B #233323 #1B271B #131C13

#456245 - #2B3F2B - #131C13

CSS-Codes

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

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