#0DA8A8 - #A8F2B0 | 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 #0DA8A8 mit #A8F2B0

#0DA8A8 #A8F2B0

Berechnen Sie die Farbe zwischen zwei Farben, #0DA8A8 und #A8F2B0. 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)

#0DA8A8 - #A8F2B0 | 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 #0DA8A8 als 0% und #A8F2B0 als 100%.

0.0%	0.0% #0DA8A8	RGB 13 168 168	#0DA8A8
16.7%	16.7% #26B4A9	RGB 38 180 169	#26B4A9
33.3%	33.3% #40C0AA	RGB 64 192 170	#40C0AA
50.0%	50.0% #5ACDAC	RGB 90 205 172	#5ACDAC
66.7%	66.7% #74D9AD	RGB 116 217 173	#74D9AD
83.3%	83.3% #8EE5AE	RGB 142 229 174	#8EE5AE
100.0%	100.0% #A8F2B0	RGB 168 242 176	#A8F2B0

#0DA8A8 #26B4A9 #40C0AA #5ACDAC #74D9AD #8EE5AE #A8F2B0

#0DA8A8 - #A8F2B0

HSV-Mischung

#0DA8A8 - #A8F2B0 | 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 #0DA8A8 als 0% und #A8F2B0 als 100%.

0.0%	0.0% #0DA8A8	RGB 13 168 168	#0DA8A8
16.7%	16.7% #20B49E	RGB 32 180 158	#20B49E
33.3%	33.3% #36C097	RGB 54 192 151	#36C097
50.0%	50.0% #4FCD94	RGB 79 205 148	#4FCD94
66.7%	66.7% #6AD997	RGB 106 217 151	#6AD997
83.3%	83.3% #87E59F	RGB 135 229 159	#87E59F
100.0%	100.0% #A8F2B0	RGB 168 242 176	#A8F2B0

#0DA8A8 #20B49E #36C097 #4FCD94 #6AD997 #87E59F #A8F2B0

#0DA8A8 - #4FCD94 - #A8F2B0

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0DA8A8 0%, #4FCD94 50%, #A8F2B0 100%);
    background: -webkit-linear-gradient(top, #0DA8A8 0%, #4FCD94 50%, #A8F2B0 100%);
    background: linear-gradient(to bottom, #0DA8A8 0%, #4FCD94 50%, #A8F2B0 100%);
}
</style>