#FF016C - #48001E | 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 #FF016C mit #48001E

#FF016C #48001E

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

#FF016C - #48001E | 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 #FF016C als 0% und #48001E als 100%.

0.0%	0.0% #FF016C	RGB 255 1 108	#FF016C
16.7%	16.7% #E0005F	RGB 224 0 95	#E0005F
33.3%	33.3% #C20052	RGB 194 0 82	#C20052
50.0%	50.0% #A30045	RGB 163 0 69	#A30045
66.7%	66.7% #840038	RGB 132 0 56	#840038
83.3%	83.3% #66002B	RGB 102 0 43	#66002B
100.0%	100.0% #48001E	RGB 72 0 30	#48001E

#FF016C #E0005F #C20052 #A30045 #840038 #66002B #48001E

#FF016C - #48001E

HSV-Mischung

#FF016C - #48001E | 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 #FF016C als 0% und #48001E als 100%.

0.0%	0.0% #FF006C	RGB 255 0 108	#FF006C
16.7%	16.7% #E0005E	RGB 224 0 94	#E0005E
33.3%	33.3% #C20051	RGB 194 0 81	#C20051
50.0%	50.0% #A30044	RGB 163 0 68	#A30044
66.7%	66.7% #840037	RGB 132 0 55	#840037
83.3%	83.3% #66002A	RGB 102 0 42	#66002A
100.0%	100.0% #48001E	RGB 72 0 30	#48001E

#FF006C #E0005E #C20051 #A30044 #840037 #66002A #48001E

#FF016C - #A30044 - #48001E

CSS-Codes

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

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