#B9F0FF - #5DAFDA | 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 #B9F0FF mit #5DAFDA

#B9F0FF #5DAFDA

Berechnen Sie die Farbe zwischen zwei Farben, #B9F0FF und #5DAFDA. 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)

#B9F0FF - #5DAFDA | 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 #B9F0FF als 0% und #5DAFDA als 100%.

0.0%	0.0% #B9F0FF	RGB 185 240 255	#B9F0FF
16.7%	16.7% #A9E5F8	RGB 169 229 248	#A9E5F8
33.3%	33.3% #9ADAF2	RGB 154 218 242	#9ADAF2
50.0%	50.0% #8BCFEC	RGB 139 207 236	#8BCFEC
66.7%	66.7% #7BC4E6	RGB 123 196 230	#7BC4E6
83.3%	83.3% #6CB9E0	RGB 108 185 224	#6CB9E0
100.0%	100.0% #5DAFDA	RGB 93 175 218	#5DAFDA

#B9F0FF #A9E5F8 #9ADAF2 #8BCFEC #7BC4E6 #6CB9E0 #5DAFDA

#B9F0FF - #5DAFDA

HSV-Mischung

#B9F0FF - #5DAFDA | 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 #B9F0FF als 0% und #5DAFDA als 100%.

0.0%	0.0% #B9F0FF	RGB 185 240 255	#B9F0FF
16.7%	16.7% #A8E5F8	RGB 168 229 248	#A8E5F8
33.3%	33.3% #97DBF2	RGB 151 219 242	#97DBF2
50.0%	50.0% #88D0EC	RGB 136 208 236	#88D0EC
66.7%	66.7% #79C5E6	RGB 121 197 230	#79C5E6
83.3%	83.3% #6ABAE0	RGB 106 186 224	#6ABAE0
100.0%	100.0% #5DAFDA	RGB 93 175 218	#5DAFDA

#B9F0FF #A8E5F8 #97DBF2 #88D0EC #79C5E6 #6ABAE0 #5DAFDA

#B9F0FF - #88D0EC - #5DAFDA

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B9F0FF 0%, #88D0EC 50%, #5DAFDA 100%);
    background: -webkit-linear-gradient(top, #B9F0FF 0%, #88D0EC 50%, #5DAFDA 100%);
    background: linear-gradient(to bottom, #B9F0FF 0%, #88D0EC 50%, #5DAFDA 100%);
}
</style>