#FF3B7B - #A50038 | 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 #FF3B7B mit #A50038

#FF3B7B #A50038

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

#FF3B7B - #A50038 | 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 #FF3B7B als 0% und #A50038 als 100%.

0.0%	0.0% #FF3B7B	RGB 255 59 123	#FF3B7B
16.7%	16.7% #F0316F	RGB 240 49 111	#F0316F
33.3%	33.3% #E12764	RGB 225 39 100	#E12764
50.0%	50.0% #D21D59	RGB 210 29 89	#D21D59
66.7%	66.7% #C3134E	RGB 195 19 78	#C3134E
83.3%	83.3% #B40943	RGB 180 9 67	#B40943
100.0%	100.0% #A50038	RGB 165 0 56	#A50038

#FF3B7B #F0316F #E12764 #D21D59 #C3134E #B40943 #A50038

#FF3B7B - #A50038

HSV-Mischung

#FF3B7B - #A50038 | 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 #FF3B7B als 0% und #A50038 als 100%.

0.0%	0.0% #FF3B7B	RGB 255 59 123	#FF3B7B
16.7%	16.7% #F02E6D	RGB 240 46 109	#F02E6D
33.3%	33.3% #E12261	RGB 225 34 97	#E12261
50.0%	50.0% #D21856	RGB 210 24 86	#D21856
66.7%	66.7% #C30F4B	RGB 195 15 75	#C30F4B
83.3%	83.3% #B40641	RGB 180 6 65	#B40641
100.0%	100.0% #A50038	RGB 165 0 56	#A50038

#FF3B7B #F02E6D #E12261 #D21856 #C30F4B #B40641 #A50038

#FF3B7B - #D21856 - #A50038

CSS-Codes

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

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