#2FF5E9 - #E5F7B0 | 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 #2FF5E9 mit #E5F7B0

#2FF5E9 #E5F7B0

Berechnen Sie die Farbe zwischen zwei Farben, #2FF5E9 und #E5F7B0. 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)

#2FF5E9 - #E5F7B0 | 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 #2FF5E9 als 0% und #E5F7B0 als 100%.

0.0%	0.0% #2FF5E9	RGB 47 245 233	#2FF5E9
16.7%	16.7% #4DF5DF	RGB 77 245 223	#4DF5DF
33.3%	33.3% #6BF5D6	RGB 107 245 214	#6BF5D6
50.0%	50.0% #8AF6CC	RGB 138 246 204	#8AF6CC
66.7%	66.7% #A8F6C3	RGB 168 246 195	#A8F6C3
83.3%	83.3% #C6F6B9	RGB 198 246 185	#C6F6B9
100.0%	100.0% #E5F7B0	RGB 229 247 176	#E5F7B0

#2FF5E9 #4DF5DF #6BF5D6 #8AF6CC #A8F6C3 #C6F6B9 #E5F7B0

#2FF5E9 - #E5F7B0

HSV-Mischung

#2FF5E9 - #E5F7B0 | 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 #2FF5E9 als 0% und #E5F7B0 als 100%.

0.0%	0.0% #2EF5E9	RGB 46 245 233	#2EF5E9
16.7%	16.7% #44F5B8	RGB 68 245 184	#44F5B8
33.3%	33.3% #59F594	RGB 89 245 148	#59F594
50.0%	50.0% #6FF67C	RGB 111 246 124	#6FF67C
66.7%	66.7% #99F684	RGB 153 246 132	#99F684
83.3%	83.3% #C5F69A	RGB 197 246 154	#C5F69A
100.0%	100.0% #E5F7B0	RGB 229 247 176	#E5F7B0

#2EF5E9 #44F5B8 #59F594 #6FF67C #99F684 #C5F69A #E5F7B0

#2FF5E9 - #6FF67C - #E5F7B0

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2EF5E9 0%, #6FF67C 50%, #E5F7B0 100%);
    background: -webkit-linear-gradient(top, #2EF5E9 0%, #6FF67C 50%, #E5F7B0 100%);
    background: linear-gradient(to bottom, #2EF5E9 0%, #6FF67C 50%, #E5F7B0 100%);
}
</style>