#AA8EB6 - #FFCFB4 | 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 #AA8EB6 mit #FFCFB4

#AA8EB6 #FFCFB4

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

#AA8EB6 - #FFCFB4 | 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 #AA8EB6 als 0% und #FFCFB4 als 100%.

0.0%	0.0% #AA8EB6	RGB 170 142 182	#AA8EB6
16.7%	16.7% #B898B5	RGB 184 152 181	#B898B5
33.3%	33.3% #C6A3B5	RGB 198 163 181	#C6A3B5
50.0%	50.0% #D4AEB5	RGB 212 174 181	#D4AEB5
66.7%	66.7% #E2B9B4	RGB 226 185 180	#E2B9B4
83.3%	83.3% #F0C4B4	RGB 240 196 180	#F0C4B4
100.0%	100.0% #FFCFB4	RGB 255 207 180	#FFCFB4

#AA8EB6 #B898B5 #C6A3B5 #D4AEB5 #E2B9B4 #F0C4B4 #FFCFB4

#AA8EB6 - #FFCFB4

HSV-Mischung

#AA8EB6 - #FFCFB4 | 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 #AA8EB6 als 0% und #FFCFB4 als 100%.

0.0%	0.0% #AA8EB6	RGB 170 142 182	#AA8EB6
16.7%	16.7% #C195C2	RGB 193 149 194	#C195C2
33.3%	33.3% #CE9BC1	RGB 206 155 193	#CE9BC1
50.0%	50.0% #DAA2BC	RGB 218 162 188	#DAA2BC
66.7%	66.7% #E6A8B4	RGB 230 168 180	#E6A8B4
83.3%	83.3% #F2B4AE	RGB 242 180 174	#F2B4AE
100.0%	100.0% #FFCFB4	RGB 255 207 180	#FFCFB4

#AA8EB6 #C195C2 #CE9BC1 #DAA2BC #E6A8B4 #F2B4AE #FFCFB4

#AA8EB6 - #DAA2BC - #FFCFB4

CSS-Codes

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

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