#008080 - #81DBA3 | 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 #008080 mit #81DBA3

#008080 #81DBA3

Berechnen Sie die Farbe zwischen zwei Farben, #008080 und #81DBA3. 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)

#008080 - #81DBA3 | 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 #008080 als 0% und #81DBA3 als 100%.

0.0%	0.0% #008080	RGB 0 128 128	#008080
16.7%	16.7% #158F85	RGB 21 143 133	#158F85
33.3%	33.3% #2B9E8B	RGB 43 158 139	#2B9E8B
50.0%	50.0% #40AD91	RGB 64 173 145	#40AD91
66.7%	66.7% #56BC97	RGB 86 188 151	#56BC97
83.3%	83.3% #6BCB9D	RGB 107 203 157	#6BCB9D
100.0%	100.0% #81DBA3	RGB 129 219 163	#81DBA3

#008080 #158F85 #2B9E8B #40AD91 #56BC97 #6BCB9D #81DBA3

#008080 - #81DBA3

HSV-Mischung

#008080 - #81DBA3 | 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 #008080 als 0% und #81DBA3 als 100%.

0.0%	0.0% #008080	RGB 0 128 128	#008080
16.7%	16.7% #0E8F81	RGB 14 143 129	#0E8F81
33.3%	33.3% #1F9E83	RGB 31 158 131	#1F9E83
50.0%	50.0% #33AD87	RGB 51 173 135	#33AD87
66.7%	66.7% #4ABC8D	RGB 74 188 141	#4ABC8D
83.3%	83.3% #64CB96	RGB 100 203 150	#64CB96
100.0%	100.0% #81DBA3	RGB 129 219 163	#81DBA3

#008080 #0E8F81 #1F9E83 #33AD87 #4ABC8D #64CB96 #81DBA3

#008080 - #33AD87 - #81DBA3

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #008080 0%, #33AD87 50%, #81DBA3 100%);
    background: -webkit-linear-gradient(top, #008080 0%, #33AD87 50%, #81DBA3 100%);
    background: linear-gradient(to bottom, #008080 0%, #33AD87 50%, #81DBA3 100%);
}
</style>