#DC143C - #FF663A | 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 #DC143C mit #FF663A

#DC143C #FF663A

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

#DC143C - #FF663A | 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 #DC143C als 0% und #FF663A als 100%.

0.0%	0.0% #DC143C	RGB 220 20 60	#DC143C
16.7%	16.7% #E1213B	RGB 225 33 59	#E1213B
33.3%	33.3% #E72F3B	RGB 231 47 59	#E72F3B
50.0%	50.0% #ED3D3B	RGB 237 61 59	#ED3D3B
66.7%	66.7% #F34A3A	RGB 243 74 58	#F34A3A
83.3%	83.3% #F9583A	RGB 249 88 58	#F9583A
100.0%	100.0% #FF663A	RGB 255 102 58	#FF663A

#DC143C #E1213B #E72F3B #ED3D3B #F34A3A #F9583A #FF663A

#DC143C - #FF663A

HSV-Mischung

#DC143C - #FF663A | 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 #DC143C als 0% und #FF663A als 100%.

0.0%	0.0% #DC133C	RGB 220 19 60	#DC133C
16.7%	16.7% #E11933	RGB 225 25 51	#E11933
33.3%	33.3% #E71F2B	RGB 231 31 43	#E71F2B
50.0%	50.0% #ED2825	RGB 237 40 37	#ED2825
66.7%	66.7% #F33C2C	RGB 243 60 44	#F33C2C
83.3%	83.3% #F95133	RGB 249 81 51	#F95133
100.0%	100.0% #FF663A	RGB 255 102 58	#FF663A

#DC133C #E11933 #E71F2B #ED2825 #F33C2C #F95133 #FF663A

#DC143C - #ED2825 - #FF663A

CSS-Codes

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

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