#5E2D3C - #C36D5A | 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 #5E2D3C mit #C36D5A

#5E2D3C #C36D5A

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

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

0.0%	0.0% #5E2D3C	RGB 94 45 60	#5E2D3C
16.7%	16.7% #6E3741	RGB 110 55 65	#6E3741
33.3%	33.3% #7F4246	RGB 127 66 70	#7F4246
50.0%	50.0% #904D4B	RGB 144 77 75	#904D4B
66.7%	66.7% #A15750	RGB 161 87 80	#A15750
83.3%	83.3% #B26255	RGB 178 98 85	#B26255
100.0%	100.0% #C36D5A	RGB 195 109 90	#C36D5A

#5E2D3C #6E3741 #7F4246 #904D4B #A15750 #B26255 #C36D5A

#5E2D3C - #C36D5A

HSV-Mischung

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

0.0%	0.0% #5E2D3C	RGB 94 45 60	#5E2D3C
16.7%	16.7% #6E3441	RGB 110 52 65	#6E3441
33.3%	33.3% #7F3C46	RGB 127 60 70	#7F3C46
50.0%	50.0% #904348	RGB 144 67 72	#904348
66.7%	66.7% #A14C4B	RGB 161 76 75	#A14C4B
83.3%	83.3% #B25C52	RGB 178 92 82	#B25C52
100.0%	100.0% #C36D5A	RGB 195 109 90	#C36D5A

#5E2D3C #6E3441 #7F3C46 #904348 #A14C4B #B25C52 #C36D5A

#5E2D3C - #904348 - #C36D5A

CSS-Codes

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

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