#AD5EB6 - #FEB2BA | 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 #AD5EB6 mit #FEB2BA

#AD5EB6 #FEB2BA

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

#AD5EB6 - #FEB2BA | 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 #AD5EB6 als 0% und #FEB2BA als 100%.

0.0%	0.0% #AD5EB6	RGB 173 94 182	#AD5EB6
16.7%	16.7% #BA6CB6	RGB 186 108 182	#BA6CB6
33.3%	33.3% #C87AB7	RGB 200 122 183	#C87AB7
50.0%	50.0% #D588B8	RGB 213 136 184	#D588B8
66.7%	66.7% #E396B8	RGB 227 150 184	#E396B8
83.3%	83.3% #F0A4B9	RGB 240 164 185	#F0A4B9
100.0%	100.0% #FEB2BA	RGB 254 178 186	#FEB2BA

#AD5EB6 #BA6CB6 #C87AB7 #D588B8 #E396B8 #F0A4B9 #FEB2BA

#AD5EB6 - #FEB2BA

HSV-Mischung

#AD5EB6 - #FEB2BA | 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 #AD5EB6 als 0% und #FEB2BA als 100%.

0.0%	0.0% #AD5EB6	RGB 173 94 182	#AD5EB6
16.7%	16.7% #C26ABC	RGB 194 106 188	#C26ABC
33.3%	33.3% #CE77B9	RGB 206 119 185	#CE77B9
50.0%	50.0% #DA84B8	RGB 218 132 184	#DA84B8
66.7%	66.7% #E693B7	RGB 230 147 183	#E693B7
83.3%	83.3% #F2A2B7	RGB 242 162 183	#F2A2B7
100.0%	100.0% #FEB2BA	RGB 254 178 186	#FEB2BA

#AD5EB6 #C26ABC #CE77B9 #DA84B8 #E693B7 #F2A2B7 #FEB2BA

#AD5EB6 - #DA84B8 - #FEB2BA

CSS-Codes

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

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