#B5E6F1 - #5DAECE | 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 #B5E6F1 mit #5DAECE

#B5E6F1 #5DAECE

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

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

0.0%	0.0% #B5E6F1	RGB 181 230 241	#B5E6F1
16.7%	16.7% #A6DCEB	RGB 166 220 235	#A6DCEB
33.3%	33.3% #97D3E5	RGB 151 211 229	#97D3E5
50.0%	50.0% #89CADF	RGB 137 202 223	#89CADF
66.7%	66.7% #7AC0D9	RGB 122 192 217	#7AC0D9
83.3%	83.3% #6BB7D3	RGB 107 183 211	#6BB7D3
100.0%	100.0% #5DAECE	RGB 93 174 206	#5DAECE

#B5E6F1 #A6DCEB #97D3E5 #89CADF #7AC0D9 #6BB7D3 #5DAECE

#B5E6F1 - #5DAECE

HSV-Mischung

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

0.0%	0.0% #B5E6F1	RGB 181 230 241	#B5E6F1
16.7%	16.7% #A4DDEB	RGB 164 221 235	#A4DDEB
33.3%	33.3% #95D4E5	RGB 149 212 229	#95D4E5
50.0%	50.0% #86CADF	RGB 134 202 223	#86CADF
66.7%	66.7% #78C1D9	RGB 120 193 217	#78C1D9
83.3%	83.3% #6AB7D3	RGB 106 183 211	#6AB7D3
100.0%	100.0% #5DAECE	RGB 93 174 206	#5DAECE

#B5E6F1 #A4DDEB #95D4E5 #86CADF #78C1D9 #6AB7D3 #5DAECE

#B5E6F1 - #86CADF - #5DAECE

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E6F1 0%, #86CADF 50%, #5DAECE 100%);
    background: -webkit-linear-gradient(top, #B5E6F1 0%, #86CADF 50%, #5DAECE 100%);
    background: linear-gradient(to bottom, #B5E6F1 0%, #86CADF 50%, #5DAECE 100%);
}
</style>