#01FFEF - #B6FFFA | 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 #01FFEF mit #B6FFFA

#01FFEF #B6FFFA

Berechnen Sie die Farbe zwischen zwei Farben, #01FFEF und #B6FFFA. 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)

#01FFEF - #B6FFFA | 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 #01FFEF als 0% und #B6FFFA als 100%.

0.0%	0.0% #01FFEF	RGB 1 255 239	#01FFEF
16.7%	16.7% #1FFFF0	RGB 31 255 240	#1FFFF0
33.3%	33.3% #3DFFF2	RGB 61 255 242	#3DFFF2
50.0%	50.0% #5BFFF4	RGB 91 255 244	#5BFFF4
66.7%	66.7% #79FFF6	RGB 121 255 246	#79FFF6
83.3%	83.3% #97FFF8	RGB 151 255 248	#97FFF8
100.0%	100.0% #B6FFFA	RGB 182 255 250	#B6FFFA

#01FFEF #1FFFF0 #3DFFF2 #5BFFF4 #79FFF6 #97FFF8 #B6FFFA

#01FFEF - #B6FFFA

HSV-Mischung

#01FFEF - #B6FFFA | 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 #01FFEF als 0% und #B6FFFA als 100%.

0.0%	0.0% #00FFEF	RGB 0 255 239	#00FFEF
16.7%	16.7% #1FFFF0	RGB 31 255 240	#1FFFF0
33.3%	33.3% #3DFFF2	RGB 61 255 242	#3DFFF2
50.0%	50.0% #5BFFF4	RGB 91 255 244	#5BFFF4
66.7%	66.7% #79FFF6	RGB 121 255 246	#79FFF6
83.3%	83.3% #97FFF8	RGB 151 255 248	#97FFF8
100.0%	100.0% #B6FFFA	RGB 182 255 250	#B6FFFA

#00FFEF #1FFFF0 #3DFFF2 #5BFFF4 #79FFF6 #97FFF8 #B6FFFA

#01FFEF - #5BFFF4 - #B6FFFA

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00FFEF 0%, #5BFFF4 50%, #B6FFFA 100%);
    background: -webkit-linear-gradient(top, #00FFEF 0%, #5BFFF4 50%, #B6FFFA 100%);
    background: linear-gradient(to bottom, #00FFEF 0%, #5BFFF4 50%, #B6FFFA 100%);
}
</style>