#AAB666 - #E6EAD3 | 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 #AAB666 mit #E6EAD3

#AAB666 #E6EAD3

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

#AAB666 - #E6EAD3 | 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 #AAB666 als 0% und #E6EAD3 als 100%.

0.0%	0.0% #AAB666	RGB 170 182 102	#AAB666
16.7%	16.7% #B4BE78	RGB 180 190 120	#B4BE78
33.3%	33.3% #BEC78A	RGB 190 199 138	#BEC78A
50.0%	50.0% #C8D09C	RGB 200 208 156	#C8D09C
66.7%	66.7% #D2D8AE	RGB 210 216 174	#D2D8AE
83.3%	83.3% #DCE1C0	RGB 220 225 192	#DCE1C0
100.0%	100.0% #E6EAD3	RGB 230 234 211	#E6EAD3

#AAB666 #B4BE78 #BEC78A #C8D09C #D2D8AE #DCE1C0 #E6EAD3

#AAB666 - #E6EAD3

HSV-Mischung

#AAB666 - #E6EAD3 | 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 #AAB666 als 0% und #E6EAD3 als 100%.

0.0%	0.0% #AAB666	RGB 170 182 102	#AAB666
16.7%	16.7% #B3BE75	RGB 179 190 117	#B3BE75
33.3%	33.3% #BDC786	RGB 189 199 134	#BDC786
50.0%	50.0% #C6D098	RGB 198 208 152	#C6D098
66.7%	66.7% #D1D8AA	RGB 209 216 170	#D1D8AA
83.3%	83.3% #DBE1BE	RGB 219 225 190	#DBE1BE
100.0%	100.0% #E6EAD3	RGB 230 234 211	#E6EAD3

#AAB666 #B3BE75 #BDC786 #C6D098 #D1D8AA #DBE1BE #E6EAD3

#AAB666 - #C6D098 - #E6EAD3

CSS-Codes

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

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