#5E5E8D - #271570 | 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 #5E5E8D mit #271570

#5E5E8D #271570

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

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

0.0%	0.0% #5E5E8D	RGB 94 94 141	#5E5E8D
16.7%	16.7% #545188	RGB 84 81 136	#545188
33.3%	33.3% #4B4583	RGB 75 69 131	#4B4583
50.0%	50.0% #42397E	RGB 66 57 126	#42397E
66.7%	66.7% #392D79	RGB 57 45 121	#392D79
83.3%	83.3% #302174	RGB 48 33 116	#302174
100.0%	100.0% #271570	RGB 39 21 112	#271570

#5E5E8D #545188 #4B4583 #42397E #392D79 #302174 #271570

#5E5E8D - #271570

HSV-Mischung

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

0.0%	0.0% #5E5E8D	RGB 94 94 141	#5E5E8D
16.7%	16.7% #514F88	RGB 81 79 136	#514F88
33.3%	33.3% #464283	RGB 70 66 131	#464283
50.0%	50.0% #3D367E	RGB 61 54 126	#3D367E
66.7%	66.7% #342A79	RGB 52 42 121	#342A79
83.3%	83.3% #2D1F74	RGB 45 31 116	#2D1F74
100.0%	100.0% #271570	RGB 39 21 112	#271570

#5E5E8D #514F88 #464283 #3D367E #342A79 #2D1F74 #271570

#5E5E8D - #3D367E - #271570

CSS-Codes

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

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