#2D3E5E - #171819 | 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 #2D3E5E mit #171819

#2D3E5E #171819

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

#2D3E5E - #171819 | 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 #2D3E5E als 0% und #171819 als 100%.

0.0%	0.0% #2D3E5E	RGB 45 62 94	#2D3E5E
16.7%	16.7% #293752	RGB 41 55 82	#293752
33.3%	33.3% #253147	RGB 37 49 71	#253147
50.0%	50.0% #222B3B	RGB 34 43 59	#222B3B
66.7%	66.7% #1E2430	RGB 30 36 48	#1E2430
83.3%	83.3% #1A1E24	RGB 26 30 36	#1A1E24
100.0%	100.0% #171819	RGB 23 24 25	#171819

#2D3E5E #293752 #253147 #222B3B #1E2430 #1A1E24 #171819

#2D3E5E - #171819

HSV-Mischung

#2D3E5E - #171819 | 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 #2D3E5E als 0% und #171819 als 100%.

0.0%	0.0% #2D3E5E	RGB 45 62 94	#2D3E5E
16.7%	16.7% #2D3B52	RGB 45 59 82	#2D3B52
33.3%	33.3% #2C3747	RGB 44 55 71	#2C3747
50.0%	50.0% #29313B	RGB 41 49 59	#29313B
66.7%	66.7% #252930	RGB 37 41 48	#252930
83.3%	83.3% #1E2124	RGB 30 33 36	#1E2124
100.0%	100.0% #171819	RGB 23 24 25	#171819

#2D3E5E #2D3B52 #2C3747 #29313B #252930 #1E2124 #171819

#2D3E5E - #29313B - #171819

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3E5E 0%, #29313B 50%, #171819 100%);
    background: -webkit-linear-gradient(top, #2D3E5E 0%, #29313B 50%, #171819 100%);
    background: linear-gradient(to bottom, #2D3E5E 0%, #29313B 50%, #171819 100%);
}
</style>