#5E4A8F - #2D0B35 | 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 #5E4A8F mit #2D0B35

#5E4A8F #2D0B35

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

#5E4A8F - #2D0B35 | 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 #5E4A8F als 0% und #2D0B35 als 100%.

0.0%	0.0% #5E4A8F	RGB 94 74 143	#5E4A8F
16.7%	16.7% #553F80	RGB 85 63 128	#553F80
33.3%	33.3% #4D3571	RGB 77 53 113	#4D3571
50.0%	50.0% #452A62	RGB 69 42 98	#452A62
66.7%	66.7% #3D2053	RGB 61 32 83	#3D2053
83.3%	83.3% #351544	RGB 53 21 68	#351544
100.0%	100.0% #2D0B35	RGB 45 11 53	#2D0B35

#5E4A8F #553F80 #4D3571 #452A62 #3D2053 #351544 #2D0B35

#5E4A8F - #2D0B35

HSV-Mischung

#5E4A8F - #2D0B35 | 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 #5E4A8F als 0% und #2D0B35 als 100%.

0.0%	0.0% #5E4A8F	RGB 94 74 143	#5E4A8F
16.7%	16.7% #553B80	RGB 85 59 128	#553B80
33.3%	33.3% #4D2E71	RGB 77 46 113	#4D2E71
50.0%	50.0% #452362	RGB 69 35 98	#452362
66.7%	66.7% #3E1953	RGB 62 25 83	#3E1953
83.3%	83.3% #361144	RGB 54 17 68	#361144
100.0%	100.0% #2D0B35	RGB 45 11 53	#2D0B35

#5E4A8F #553B80 #4D2E71 #452362 #3E1953 #361144 #2D0B35

#5E4A8F - #452362 - #2D0B35

CSS-Codes

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

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