#ABA3A8 - #FFDFBF | 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 #ABA3A8 mit #FFDFBF

#ABA3A8 #FFDFBF

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

#ABA3A8 - #FFDFBF | 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 #ABA3A8 als 0% und #FFDFBF als 100%.

0.0%	0.0% #ABA3A8	RGB 171 163 168	#ABA3A8
16.7%	16.7% #B9ADAB	RGB 185 173 171	#B9ADAB
33.3%	33.3% #C7B7AF	RGB 199 183 175	#C7B7AF
50.0%	50.0% #D5C1B3	RGB 213 193 179	#D5C1B3
66.7%	66.7% #E3CBB7	RGB 227 203 183	#E3CBB7
83.3%	83.3% #F1D5BB	RGB 241 213 187	#F1D5BB
100.0%	100.0% #FFDFBF	RGB 255 223 191	#FFDFBF

#ABA3A8 #B9ADAB #C7B7AF #D5C1B3 #E3CBB7 #F1D5BB #FFDFBF

#ABA3A8 - #FFDFBF

HSV-Mischung

#ABA3A8 - #FFDFBF | 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 #ABA3A8 als 0% und #FFDFBF als 100%.

0.0%	0.0% #ABA3A8	RGB 171 163 168	#ABA3A8
16.7%	16.7% #B9AAB0	RGB 185 170 176	#B9AAB0
33.3%	33.3% #C7B0B5	RGB 199 176 181	#C7B0B5
50.0%	50.0% #D5B5B7	RGB 213 181 183	#D5B5B7
66.7%	66.7% #E3BEB9	RGB 227 190 185	#E3BEB9
83.3%	83.3% #F1CDBC	RGB 241 205 188	#F1CDBC
100.0%	100.0% #FFDFBF	RGB 255 223 191	#FFDFBF

#ABA3A8 #B9AAB0 #C7B0B5 #D5B5B7 #E3BEB9 #F1CDBC #FFDFBF

#ABA3A8 - #D5B5B7 - #FFDFBF

CSS-Codes

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

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