#FF908C - #FCA8C7 | 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 #FF908C mit #FCA8C7

#FF908C #FCA8C7

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

#FF908C - #FCA8C7 | 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 #FF908C als 0% und #FCA8C7 als 100%.

0.0%	0.0% #FF908C	RGB 255 144 140	#FF908C
16.7%	16.7% #FE9495	RGB 254 148 149	#FE9495
33.3%	33.3% #FE989F	RGB 254 152 159	#FE989F
50.0%	50.0% #FD9CA9	RGB 253 156 169	#FD9CA9
66.7%	66.7% #FDA0B3	RGB 253 160 179	#FDA0B3
83.3%	83.3% #FCA4BD	RGB 252 164 189	#FCA4BD
100.0%	100.0% #FCA8C7	RGB 252 168 199	#FCA8C7

#FF908C #FE9495 #FE989F #FD9CA9 #FDA0B3 #FCA4BD #FCA8C7

#FF908C - #FCA8C7

HSV-Mischung

#FF908C - #FCA8C7 | 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 #FF908C als 0% und #FCA8C7 als 100%.

0.0%	0.0% #FF908C	RGB 255 144 140	#FF908C
16.7%	16.7% #FE9094	RGB 254 144 148	#FE9094
33.3%	33.3% #FE959F	RGB 254 149 159	#FE959F
50.0%	50.0% #FD9AAA	RGB 253 154 170	#FD9AAA
66.7%	66.7% #FD9EB4	RGB 253 158 180	#FD9EB4
83.3%	83.3% #FCA3BE	RGB 252 163 190	#FCA3BE
100.0%	100.0% #FCA8C7	RGB 252 168 199	#FCA8C7

#FF908C #FE9094 #FE959F #FD9AAA #FD9EB4 #FCA3BE #FCA8C7

#FF908C - #FD9AAA - #FCA8C7

CSS-Codes

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

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