#3E5E3F - #113A02 | 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 #113A02

#3E5E3F #113A02

Berechnen Sie die Farbe zwischen zwei Farben, #3E5E3F und #113A02. 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 - #113A02 | 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 #113A02 als 100%.

0.0%	0.0% #3E5E3F	RGB 62 94 63	#3E5E3F
16.7%	16.7% #365834	RGB 54 88 52	#365834
33.3%	33.3% #2F522A	RGB 47 82 42	#2F522A
50.0%	50.0% #274C20	RGB 39 76 32	#274C20
66.7%	66.7% #204616	RGB 32 70 22	#204616
83.3%	83.3% #18400C	RGB 24 64 12	#18400C
100.0%	100.0% #113A02	RGB 17 58 2	#113A02

#3E5E3F #365834 #2F522A #274C20 #204616 #18400C #113A02

#3E5E3F - #113A02

HSV-Mischung

#3E5E3F - #113A02 | 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 #113A02 als 100%.

0.0%	0.0% #3E5E3F	RGB 62 94 63	#3E5E3F
16.7%	16.7% #315830	RGB 49 88 48	#315830
33.3%	33.3% #285224	RGB 40 82 36	#285224
50.0%	50.0% #204C1A	RGB 32 76 26	#204C1A
66.7%	66.7% #194610	RGB 25 70 16	#194610
83.3%	83.3% #144008	RGB 20 64 8	#144008
100.0%	100.0% #113A02	RGB 17 58 2	#113A02

#3E5E3F #315830 #285224 #204C1A #194610 #144008 #113A02

#3E5E3F - #204C1A - #113A02

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5E3F 0%, #204C1A 50%, #113A02 100%);
    background: -webkit-linear-gradient(top, #3E5E3F 0%, #204C1A 50%, #113A02 100%);
    background: linear-gradient(to bottom, #3E5E3F 0%, #204C1A 50%, #113A02 100%);
}
</style>