#9F80EB - #A8ACF0 | 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 #9F80EB mit #A8ACF0

#9F80EB #A8ACF0

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

#9F80EB - #A8ACF0 | 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 #9F80EB als 0% und #A8ACF0 als 100%.

0.0%	0.0% #9F80EB	RGB 159 128 235	#9F80EB
16.7%	16.7% #A087EB	RGB 160 135 235	#A087EB
33.3%	33.3% #A28EEC	RGB 162 142 236	#A28EEC
50.0%	50.0% #A396ED	RGB 163 150 237	#A396ED
66.7%	66.7% #A59DEE	RGB 165 157 238	#A59DEE
83.3%	83.3% #A6A4EF	RGB 166 164 239	#A6A4EF
100.0%	100.0% #A8ACF0	RGB 168 172 240	#A8ACF0

#9F80EB #A087EB #A28EEC #A396ED #A59DEE #A6A4EF #A8ACF0

#9F80EB - #A8ACF0

HSV-Mischung

#9F80EB - #A8ACF0 | 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 #9F80EB als 0% und #A8ACF0 als 100%.

0.0%	0.0% #9E80EB	RGB 158 128 235	#9E80EB
16.7%	16.7% #9E86EB	RGB 158 134 235	#9E86EB
33.3%	33.3% #9D8DEC	RGB 157 141 236	#9D8DEC
50.0%	50.0% #9E93ED	RGB 158 147 237	#9E93ED
66.7%	66.7% #9F9AEE	RGB 159 154 238	#9F9AEE
83.3%	83.3% #A1A1EF	RGB 161 161 239	#A1A1EF
100.0%	100.0% #A8ACF0	RGB 168 172 240	#A8ACF0

#9E80EB #9E86EB #9D8DEC #9E93ED #9F9AEE #A1A1EF #A8ACF0

#9F80EB - #9E93ED - #A8ACF0

CSS-Codes

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

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