#FF5B64 - #FFBC74 | 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 #FF5B64 mit #FFBC74

#FF5B64 #FFBC74

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

#FF5B64 - #FFBC74 | 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 #FF5B64 als 0% und #FFBC74 als 100%.

0.0%	0.0% #FF5B64	RGB 255 91 100	#FF5B64
16.7%	16.7% #FF6B66	RGB 255 107 102	#FF6B66
33.3%	33.3% #FF7B69	RGB 255 123 105	#FF7B69
50.0%	50.0% #FF8B6C	RGB 255 139 108	#FF8B6C
66.7%	66.7% #FF9B6E	RGB 255 155 110	#FF9B6E
83.3%	83.3% #FFAB71	RGB 255 171 113	#FFAB71
100.0%	100.0% #FFBC74	RGB 255 188 116	#FFBC74

#FF5B64 #FF6B66 #FF7B69 #FF8B6C #FF9B6E #FFAB71 #FFBC74

#FF5B64 - #FFBC74

HSV-Mischung

#FF5B64 - #FFBC74 | 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 #FF5B64 als 0% und #FFBC74 als 100%.

0.0%	0.0% #FF5B64	RGB 255 91 100	#FF5B64
16.7%	16.7% #FF655F	RGB 255 101 95	#FF655F
33.3%	33.3% #FF7863	RGB 255 120 99	#FF7863
50.0%	50.0% #FF8A67	RGB 255 138 103	#FF8A67
66.7%	66.7% #FF9B6B	RGB 255 155 107	#FF9B6B
83.3%	83.3% #FFAC6F	RGB 255 172 111	#FFAC6F
100.0%	100.0% #FFBC74	RGB 255 188 116	#FFBC74

#FF5B64 #FF655F #FF7863 #FF8A67 #FF9B6B #FFAC6F #FFBC74

#FF5B64 - #FF8A67 - #FFBC74

CSS-Codes

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

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