#EE3E5E - #900224 | 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 #EE3E5E mit #900224

#EE3E5E #900224

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

#EE3E5E - #900224 | 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 #EE3E5E als 0% und #900224 als 100%.

0.0%	0.0% #EE3E5E	RGB 238 62 94	#EE3E5E
16.7%	16.7% #DE3454	RGB 222 52 84	#DE3454
33.3%	33.3% #CE2A4A	RGB 206 42 74	#CE2A4A
50.0%	50.0% #BF2041	RGB 191 32 65	#BF2041
66.7%	66.7% #AF1637	RGB 175 22 55	#AF1637
83.3%	83.3% #9F0C2D	RGB 159 12 45	#9F0C2D
100.0%	100.0% #900224	RGB 144 2 36	#900224

#EE3E5E #DE3454 #CE2A4A #BF2041 #AF1637 #9F0C2D #900224

#EE3E5E - #900224

HSV-Mischung

#EE3E5E - #900224 | 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 #EE3E5E als 0% und #900224 als 100%.

0.0%	0.0% #EE3E5D	RGB 238 62 93	#EE3E5D
16.7%	16.7% #DE3052	RGB 222 48 82	#DE3052
33.3%	33.3% #CE2446	RGB 206 36 70	#CE2446
50.0%	50.0% #BF1A3C	RGB 191 26 60	#BF1A3C
66.7%	66.7% #AF1033	RGB 175 16 51	#AF1033
83.3%	83.3% #9F082B	RGB 159 8 43	#9F082B
100.0%	100.0% #900224	RGB 144 2 36	#900224

#EE3E5D #DE3052 #CE2446 #BF1A3C #AF1033 #9F082B #900224

#EE3E5E - #BF1A3C - #900224

CSS-Codes

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

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