#02FFF0 - #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 #02FFF0 mit #B6FFFA

#02FFF0 #B6FFFA

Berechnen Sie die Farbe zwischen zwei Farben, #02FFF0 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)

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

0.0%	0.0% #02FFF0	RGB 2 255 240	#02FFF0
16.7%	16.7% #20FFF1	RGB 32 255 241	#20FFF1
33.3%	33.3% #3EFFF3	RGB 62 255 243	#3EFFF3
50.0%	50.0% #5CFFF5	RGB 92 255 245	#5CFFF5
66.7%	66.7% #7AFFF6	RGB 122 255 246	#7AFFF6
83.3%	83.3% #98FFF8	RGB 152 255 248	#98FFF8
100.0%	100.0% #B6FFFA	RGB 182 255 250	#B6FFFA

#02FFF0 #20FFF1 #3EFFF3 #5CFFF5 #7AFFF6 #98FFF8 #B6FFFA

#02FFF0 - #B6FFFA

HSV-Mischung

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

0.0%	0.0% #01FFF0	RGB 1 255 240	#01FFF0
16.7%	16.7% #1FFFF1	RGB 31 255 241	#1FFFF1
33.3%	33.3% #3DFFF2	RGB 61 255 242	#3DFFF2
50.0%	50.0% #5BFFF4	RGB 91 255 244	#5BFFF4
66.7%	66.7% #7AFFF6	RGB 122 255 246	#7AFFF6
83.3%	83.3% #97FFF8	RGB 151 255 248	#97FFF8
100.0%	100.0% #B6FFFA	RGB 182 255 250	#B6FFFA

#01FFF0 #1FFFF1 #3DFFF2 #5BFFF4 #7AFFF6 #97FFF8 #B6FFFA

#02FFF0 - #5BFFF4 - #B6FFFA

CSS-Codes

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

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