#5E736A - #1C3C3A | 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 #5E736A mit #1C3C3A

#5E736A #1C3C3A

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

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

0.0%	0.0% #5E736A	RGB 94 115 106	#5E736A
16.7%	16.7% #536962	RGB 83 105 98	#536962
33.3%	33.3% #48605A	RGB 72 96 90	#48605A
50.0%	50.0% #3D5752	RGB 61 87 82	#3D5752
66.7%	66.7% #324E4A	RGB 50 78 74	#324E4A
83.3%	83.3% #274542	RGB 39 69 66	#274542
100.0%	100.0% #1C3C3A	RGB 28 60 58	#1C3C3A

#5E736A #536962 #48605A #3D5752 #324E4A #274542 #1C3C3A

#5E736A - #1C3C3A

HSV-Mischung

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

0.0%	0.0% #5E736A	RGB 94 115 106	#5E736A
16.7%	16.7% #506960	RGB 80 105 96	#506960
33.3%	33.3% #436057	RGB 67 96 87	#436057
50.0%	50.0% #38574F	RGB 56 87 79	#38574F
66.7%	66.7% #2D4E48	RGB 45 78 72	#2D4E48
83.3%	83.3% #244541	RGB 36 69 65	#244541
100.0%	100.0% #1C3C3A	RGB 28 60 58	#1C3C3A

#5E736A #506960 #436057 #38574F #2D4E48 #244541 #1C3C3A

#5E736A - #38574F - #1C3C3A

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E736A 0%, #38574F 50%, #1C3C3A 100%);
    background: -webkit-linear-gradient(top, #5E736A 0%, #38574F 50%, #1C3C3A 100%);
    background: linear-gradient(to bottom, #5E736A 0%, #38574F 50%, #1C3C3A 100%);
}
</style>