#ADB2CB - #B9E5E6 | 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 #ADB2CB mit #B9E5E6

#ADB2CB #B9E5E6

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

#ADB2CB - #B9E5E6 | 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 #ADB2CB als 0% und #B9E5E6 als 100%.

0.0%	0.0% #ADB2CB	RGB 173 178 203	#ADB2CB
16.7%	16.7% #AFBACF	RGB 175 186 207	#AFBACF
33.3%	33.3% #B1C3D4	RGB 177 195 212	#B1C3D4
50.0%	50.0% #B3CBD8	RGB 179 203 216	#B3CBD8
66.7%	66.7% #B5D4DD	RGB 181 212 221	#B5D4DD
83.3%	83.3% #B7DCE1	RGB 183 220 225	#B7DCE1
100.0%	100.0% #B9E5E6	RGB 185 229 230	#B9E5E6

#ADB2CB #AFBACF #B1C3D4 #B3CBD8 #B5D4DD #B7DCE1 #B9E5E6

#ADB2CB - #B9E5E6

HSV-Mischung

#ADB2CB - #B9E5E6 | 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 #ADB2CB als 0% und #B9E5E6 als 100%.

0.0%	0.0% #ADB2CB	RGB 173 178 203	#ADB2CB
16.7%	16.7% #AFB8CF	RGB 175 184 207	#AFB8CF
33.3%	33.3% #B1C0D4	RGB 177 192 212	#B1C0D4
50.0%	50.0% #B3C8D8	RGB 179 200 216	#B3C8D8
66.7%	66.7% #B5D1DD	RGB 181 209 221	#B5D1DD
83.3%	83.3% #B7DAE1	RGB 183 218 225	#B7DAE1
100.0%	100.0% #B9E5E6	RGB 185 229 230	#B9E5E6

#ADB2CB #AFB8CF #B1C0D4 #B3C8D8 #B5D1DD #B7DAE1 #B9E5E6

#ADB2CB - #B3C8D8 - #B9E5E6

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ADB2CB 0%, #B3C8D8 50%, #B9E5E6 100%);
    background: -webkit-linear-gradient(top, #ADB2CB 0%, #B3C8D8 50%, #B9E5E6 100%);
    background: linear-gradient(to bottom, #ADB2CB 0%, #B3C8D8 50%, #B9E5E6 100%);
}
</style>