#FF8CCC - #FCA8F9 | 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 #FF8CCC mit #FCA8F9

#FF8CCC #FCA8F9

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

#FF8CCC - #FCA8F9 | 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 #FF8CCC als 0% und #FCA8F9 als 100%.

0.0%	0.0% #FF8CCC	RGB 255 140 204	#FF8CCC
16.7%	16.7% #FE90D3	RGB 254 144 211	#FE90D3
33.3%	33.3% #FE95DB	RGB 254 149 219	#FE95DB
50.0%	50.0% #FD9AE2	RGB 253 154 226	#FD9AE2
66.7%	66.7% #FD9EEA	RGB 253 158 234	#FD9EEA
83.3%	83.3% #FCA3F1	RGB 252 163 241	#FCA3F1
100.0%	100.0% #FCA8F9	RGB 252 168 249	#FCA8F9

#FF8CCC #FE90D3 #FE95DB #FD9AE2 #FD9EEA #FCA3F1 #FCA8F9

#FF8CCC - #FCA8F9

HSV-Mischung

#FF8CCC - #FCA8F9 | 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 #FF8CCC als 0% und #FCA8F9 als 100%.

0.0%	0.0% #FF8CCC	RGB 255 140 204	#FF8CCC
16.7%	16.7% #FE90D5	RGB 254 144 213	#FE90D5
33.3%	33.3% #FE95DD	RGB 254 149 221	#FE95DD
50.0%	50.0% #FD9AE5	RGB 253 154 229	#FD9AE5
66.7%	66.7% #FD9EEC	RGB 253 158 236	#FD9EEC
83.3%	83.3% #FCA3F3	RGB 252 163 243	#FCA3F3
100.0%	100.0% #FCA8F9	RGB 252 168 249	#FCA8F9

#FF8CCC #FE90D5 #FE95DD #FD9AE5 #FD9EEC #FCA3F3 #FCA8F9

#FF8CCC - #FD9AE5 - #FCA8F9

CSS-Codes

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

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