#5E7E8F - #1D3B3E | 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 #5E7E8F mit #1D3B3E

#5E7E8F #1D3B3E

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

#5E7E8F - #1D3B3E | 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 #5E7E8F als 0% und #1D3B3E als 100%.

0.0%	0.0% #5E7E8F	RGB 94 126 143	#5E7E8F
16.7%	16.7% #537281	RGB 83 114 129	#537281
33.3%	33.3% #486774	RGB 72 103 116	#486774
50.0%	50.0% #3D5C66	RGB 61 92 102	#3D5C66
66.7%	66.7% #325159	RGB 50 81 89	#325159
83.3%	83.3% #27464B	RGB 39 70 75	#27464B
100.0%	100.0% #1D3B3E	RGB 29 59 62	#1D3B3E

#5E7E8F #537281 #486774 #3D5C66 #325159 #27464B #1D3B3E

#5E7E8F - #1D3B3E

HSV-Mischung

#5E7E8F - #1D3B3E | 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 #5E7E8F als 0% und #1D3B3E als 100%.

0.0%	0.0% #5E7E8F	RGB 94 126 143	#5E7E8F
16.7%	16.7% #517281	RGB 81 114 129	#517281
33.3%	33.3% #446774	RGB 68 103 116	#446774
50.0%	50.0% #395C66	RGB 57 92 102	#395C66
66.7%	66.7% #2F5159	RGB 47 81 89	#2F5159
83.3%	83.3% #25464B	RGB 37 70 75	#25464B
100.0%	100.0% #1D3B3E	RGB 29 59 62	#1D3B3E

#5E7E8F #517281 #446774 #395C66 #2F5159 #25464B #1D3B3E

#5E7E8F - #395C66 - #1D3B3E

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7E8F 0%, #395C66 50%, #1D3B3E 100%);
    background: -webkit-linear-gradient(top, #5E7E8F 0%, #395C66 50%, #1D3B3E 100%);
    background: linear-gradient(to bottom, #5E7E8F 0%, #395C66 50%, #1D3B3E 100%);
}
</style>