#5E153D - #B7505E | 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 #5E153D mit #B7505E

#5E153D #B7505E

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

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

0.0%	0.0% #5E153D	RGB 94 21 61	#5E153D
16.7%	16.7% #6C1E42	RGB 108 30 66	#6C1E42
33.3%	33.3% #7B2848	RGB 123 40 72	#7B2848
50.0%	50.0% #8A324D	RGB 138 50 77	#8A324D
66.7%	66.7% #993C53	RGB 153 60 83	#993C53
83.3%	83.3% #A84658	RGB 168 70 88	#A84658
100.0%	100.0% #B7505E	RGB 183 80 94	#B7505E

#5E153D #6C1E42 #7B2848 #8A324D #993C53 #A84658 #B7505E

#5E153D - #B7505E

HSV-Mischung

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

0.0%	0.0% #5E143D	RGB 94 20 61	#5E143D
16.7%	16.7% #6C1C42	RGB 108 28 66	#6C1C42
33.3%	33.3% #7B2448	RGB 123 36 72	#7B2448
50.0%	50.0% #8A2D4D	RGB 138 45 77	#8A2D4D
66.7%	66.7% #993852	RGB 153 56 82	#993852
83.3%	83.3% #A84358	RGB 168 67 88	#A84358
100.0%	100.0% #B7505E	RGB 183 80 94	#B7505E

#5E143D #6C1C42 #7B2448 #8A2D4D #993852 #A84358 #B7505E

#5E153D - #8A2D4D - #B7505E

CSS-Codes

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

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