#6CDEEB - #ADECE6 | 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 #6CDEEB mit #ADECE6

#6CDEEB #ADECE6

Berechnen Sie die Farbe zwischen zwei Farben, #6CDEEB und #ADECE6. 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)

#6CDEEB - #ADECE6 | 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 #6CDEEB als 0% und #ADECE6 als 100%.

0.0%	0.0% #6CDEEB	RGB 108 222 235	#6CDEEB
16.7%	16.7% #76E0EA	RGB 118 224 234	#76E0EA
33.3%	33.3% #81E2E9	RGB 129 226 233	#81E2E9
50.0%	50.0% #8CE5E8	RGB 140 229 232	#8CE5E8
66.7%	66.7% #97E7E7	RGB 151 231 231	#97E7E7
83.3%	83.3% #A2E9E6	RGB 162 233 230	#A2E9E6
100.0%	100.0% #ADECE6	RGB 173 236 230	#ADECE6

#6CDEEB #76E0EA #81E2E9 #8CE5E8 #97E7E7 #A2E9E6 #ADECE6

#6CDEEB - #ADECE6

HSV-Mischung

#6CDEEB - #ADECE6 | 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 #6CDEEB als 0% und #ADECE6 als 100%.

0.0%	0.0% #6CDEEB	RGB 108 222 235	#6CDEEB
16.7%	16.7% #76E3EB	RGB 118 227 235	#76E3EB
33.3%	33.3% #81E7EB	RGB 129 231 235	#81E7EB
50.0%	50.0% #8CEBEB	RGB 140 235 235	#8CEBEB
66.7%	66.7% #97EBE9	RGB 151 235 233	#97EBE9
83.3%	83.3% #A2EBE7	RGB 162 235 231	#A2EBE7
100.0%	100.0% #ADECE6	RGB 173 236 230	#ADECE6

#6CDEEB #76E3EB #81E7EB #8CEBEB #97EBE9 #A2EBE7 #ADECE6

#6CDEEB - #8CEBEB - #ADECE6

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6CDEEB 0%, #8CEBEB 50%, #ADECE6 100%);
    background: -webkit-linear-gradient(top, #6CDEEB 0%, #8CEBEB 50%, #ADECE6 100%);
    background: linear-gradient(to bottom, #6CDEEB 0%, #8CEBEB 50%, #ADECE6 100%);
}
</style>