#955276 - #5E112A | 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 #955276 mit #5E112A

#955276 #5E112A

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

#955276 - #5E112A | 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 #955276 als 0% und #5E112A als 100%.

0.0%	0.0% #955276	RGB 149 82 118	#955276
16.7%	16.7% #8B4769	RGB 139 71 105	#8B4769
33.3%	33.3% #823C5C	RGB 130 60 92	#823C5C
50.0%	50.0% #793150	RGB 121 49 80	#793150
66.7%	66.7% #702643	RGB 112 38 67	#702643
83.3%	83.3% #671B36	RGB 103 27 54	#671B36
100.0%	100.0% #5E112A	RGB 94 17 42	#5E112A

#955276 #8B4769 #823C5C #793150 #702643 #671B36 #5E112A

#955276 - #5E112A

HSV-Mischung

#955276 - #5E112A | 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 #955276 als 0% und #5E112A als 100%.

0.0%	0.0% #955276	RGB 149 82 118	#955276
16.7%	16.7% #8B4468	RGB 139 68 104	#8B4468
33.3%	33.3% #82375A	RGB 130 55 90	#82375A
50.0%	50.0% #792C4D	RGB 121 44 77	#792C4D
66.7%	66.7% #702241	RGB 112 34 65	#702241
83.3%	83.3% #671935	RGB 103 25 53	#671935
100.0%	100.0% #5E112A	RGB 94 17 42	#5E112A

#955276 #8B4468 #82375A #792C4D #702241 #671935 #5E112A

#955276 - #792C4D - #5E112A

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #955276 0%, #792C4D 50%, #5E112A 100%);
    background: -webkit-linear-gradient(top, #955276 0%, #792C4D 50%, #5E112A 100%);
    background: linear-gradient(to bottom, #955276 0%, #792C4D 50%, #5E112A 100%);
}
</style>