#FF9A8C - #F3EAB5 | 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 #FF9A8C mit #F3EAB5

#FF9A8C #F3EAB5

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

#FF9A8C - #F3EAB5 | 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 #FF9A8C als 0% und #F3EAB5 als 100%.

0.0%	0.0% #FF9A8C	RGB 255 154 140	#FF9A8C
16.7%	16.7% #FDA792	RGB 253 167 146	#FDA792
33.3%	33.3% #FBB499	RGB 251 180 153	#FBB499
50.0%	50.0% #F9C2A0	RGB 249 194 160	#F9C2A0
66.7%	66.7% #F7CFA7	RGB 247 207 167	#F7CFA7
83.3%	83.3% #F5DCAE	RGB 245 220 174	#F5DCAE
100.0%	100.0% #F3EAB5	RGB 243 234 181	#F3EAB5

#FF9A8C #FDA792 #FBB499 #F9C2A0 #F7CFA7 #F5DCAE #F3EAB5

#FF9A8C - #F3EAB5

HSV-Mischung

#FF9A8C - #F3EAB5 | 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 #FF9A8C als 0% und #F3EAB5 als 100%.

0.0%	0.0% #FF9A8C	RGB 255 154 140	#FF9A8C
16.7%	16.7% #FDAC93	RGB 253 172 147	#FDAC93
33.3%	33.3% #FBBD9A	RGB 251 189 154	#FBBD9A
50.0%	50.0% #F9CCA1	RGB 249 204 161	#F9CCA1
66.7%	66.7% #F7D8A7	RGB 247 216 167	#F7D8A7
83.3%	83.3% #F5E2AE	RGB 245 226 174	#F5E2AE
100.0%	100.0% #F3EAB5	RGB 243 234 181	#F3EAB5

#FF9A8C #FDAC93 #FBBD9A #F9CCA1 #F7D8A7 #F5E2AE #F3EAB5

#FF9A8C - #F9CCA1 - #F3EAB5

CSS-Codes

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

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