#9B5E5E - #792417 | 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 #9B5E5E mit #792417

#9B5E5E #792417

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

#9B5E5E - #792417 | 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 #9B5E5E als 0% und #792417 als 100%.

0.0%	0.0% #9B5E5E	RGB 155 94 94	#9B5E5E
16.7%	16.7% #955452	RGB 149 84 82	#955452
33.3%	33.3% #8F4A46	RGB 143 74 70	#8F4A46
50.0%	50.0% #8A413A	RGB 138 65 58	#8A413A
66.7%	66.7% #84372E	RGB 132 55 46	#84372E
83.3%	83.3% #7E2D22	RGB 126 45 34	#7E2D22
100.0%	100.0% #792417	RGB 121 36 23	#792417

#9B5E5E #955452 #8F4A46 #8A413A #84372E #7E2D22 #792417

#9B5E5E - #792417

HSV-Mischung

#9B5E5E - #792417 | 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 #9B5E5E als 0% und #792417 als 100%.

0.0%	0.0% #9B5E5E	RGB 155 94 94	#9B5E5E
16.7%	16.7% #955150	RGB 149 81 80	#955150
33.3%	33.3% #8F4643	RGB 143 70 67	#8F4643
50.0%	50.0% #8A3C36	RGB 138 60 54	#8A3C36
66.7%	66.7% #84332B	RGB 132 51 43	#84332B
83.3%	83.3% #7E2B20	RGB 126 43 32	#7E2B20
100.0%	100.0% #792417	RGB 121 36 23	#792417

#9B5E5E #955150 #8F4643 #8A3C36 #84332B #7E2B20 #792417

#9B5E5E - #8A3C36 - #792417

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9B5E5E 0%, #8A3C36 50%, #792417 100%);
    background: -webkit-linear-gradient(top, #9B5E5E 0%, #8A3C36 50%, #792417 100%);
    background: linear-gradient(to bottom, #9B5E5E 0%, #8A3C36 50%, #792417 100%);
}
</style>