#5E8C7A - #8BD3F2 | 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 #5E8C7A mit #8BD3F2

#5E8C7A #8BD3F2

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

#5E8C7A - #8BD3F2 | 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 #5E8C7A als 0% und #8BD3F2 als 100%.

0.0%	0.0% #5E8C7A	RGB 94 140 122	#5E8C7A
16.7%	16.7% #65978E	RGB 101 151 142	#65978E
33.3%	33.3% #6DA3A2	RGB 109 163 162	#6DA3A2
50.0%	50.0% #74AFB6	RGB 116 175 182	#74AFB6
66.7%	66.7% #7CBBCA	RGB 124 187 202	#7CBBCA
83.3%	83.3% #83C7DE	RGB 131 199 222	#83C7DE
100.0%	100.0% #8BD3F2	RGB 139 211 242	#8BD3F2

#5E8C7A #65978E #6DA3A2 #74AFB6 #7CBBCA #83C7DE #8BD3F2

#5E8C7A - #8BD3F2

HSV-Mischung

#5E8C7A - #8BD3F2 | 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 #5E8C7A als 0% und #8BD3F2 als 100%.

0.0%	0.0% #5E8C7A	RGB 94 140 122	#5E8C7A
16.7%	16.7% #669D8E	RGB 102 157 142	#669D8E
33.3%	33.3% #6FAEA3	RGB 111 174 163	#6FAEA3
50.0%	50.0% #76BFBB	RGB 118 191 187	#76BFBB
66.7%	66.7% #7ECAD0	RGB 126 202 208	#7ECAD0
83.3%	83.3% #84CFE1	RGB 132 207 225	#84CFE1
100.0%	100.0% #8BD3F2	RGB 139 211 242	#8BD3F2

#5E8C7A #669D8E #6FAEA3 #76BFBB #7ECAD0 #84CFE1 #8BD3F2

#5E8C7A - #76BFBB - #8BD3F2

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E8C7A 0%, #76BFBB 50%, #8BD3F2 100%);
    background: -webkit-linear-gradient(top, #5E8C7A 0%, #76BFBB 50%, #8BD3F2 100%);
    background: linear-gradient(to bottom, #5E8C7A 0%, #76BFBB 50%, #8BD3F2 100%);
}
</style>