#00A13B - #002E10 | 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 #00A13B mit #002E10

#00A13B #002E10

Berechnen Sie die Farbe zwischen zwei Farben, #00A13B und #002E10. 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)

#00A13B - #002E10 | 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 #00A13B als 0% und #002E10 als 100%.

0.0%	0.0% #00A13B	RGB 0 161 59	#00A13B
16.7%	16.7% #008D33	RGB 0 141 51	#008D33
33.3%	33.3% #007A2C	RGB 0 122 44	#007A2C
50.0%	50.0% #006725	RGB 0 103 37	#006725
66.7%	66.7% #00541E	RGB 0 84 30	#00541E
83.3%	83.3% #004117	RGB 0 65 23	#004117
100.0%	100.0% #002E10	RGB 0 46 16	#002E10

#00A13B #008D33 #007A2C #006725 #00541E #004117 #002E10

#00A13B - #002E10

HSV-Mischung

#00A13B - #002E10 | 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 #00A13B als 0% und #002E10 als 100%.

0.0%	0.0% #00A13B	RGB 0 161 59	#00A13B
16.7%	16.7% #008D33	RGB 0 141 51	#008D33
33.3%	33.3% #007A2C	RGB 0 122 44	#007A2C
50.0%	50.0% #006724	RGB 0 103 36	#006724
66.7%	66.7% #00541D	RGB 0 84 29	#00541D
83.3%	83.3% #004116	RGB 0 65 22	#004116
100.0%	100.0% #002E10	RGB 0 46 16	#002E10

#00A13B #008D33 #007A2C #006724 #00541D #004116 #002E10

#00A13B - #006724 - #002E10

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A13B 0%, #006724 50%, #002E10 100%);
    background: -webkit-linear-gradient(top, #00A13B 0%, #006724 50%, #002E10 100%);
    background: linear-gradient(to bottom, #00A13B 0%, #006724 50%, #002E10 100%);
}
</style>