#3E5C5E - #043B3C | 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 #3E5C5E mit #043B3C

#3E5C5E #043B3C

Berechnen Sie die Farbe zwischen zwei Farben, #3E5C5E und #043B3C. 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)

#3E5C5E - #043B3C | 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 #3E5C5E als 0% und #043B3C als 100%.

0.0%	0.0% #3E5C5E	RGB 62 92 94	#3E5C5E
16.7%	16.7% #345658	RGB 52 86 88	#345658
33.3%	33.3% #2A5152	RGB 42 81 82	#2A5152
50.0%	50.0% #214B4D	RGB 33 75 77	#214B4D
66.7%	66.7% #174647	RGB 23 70 71	#174647
83.3%	83.3% #0D4041	RGB 13 64 65	#0D4041
100.0%	100.0% #043B3C	RGB 4 59 60	#043B3C

#3E5C5E #345658 #2A5152 #214B4D #174647 #0D4041 #043B3C

#3E5C5E - #043B3C

HSV-Mischung

#3E5C5E - #043B3C | 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 #3E5C5E als 0% und #043B3C als 100%.

0.0%	0.0% #3E5C5E	RGB 62 92 94	#3E5C5E
16.7%	16.7% #315658	RGB 49 86 88	#315658
33.3%	33.3% #265052	RGB 38 80 82	#265052
50.0%	50.0% #1B4B4D	RGB 27 75 77	#1B4B4D
66.7%	66.7% #124547	RGB 18 69 71	#124547
83.3%	83.3% #0A4041	RGB 10 64 65	#0A4041
100.0%	100.0% #043B3C	RGB 4 59 60	#043B3C

#3E5C5E #315658 #265052 #1B4B4D #124547 #0A4041 #043B3C

#3E5C5E - #1B4B4D - #043B3C

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5C5E 0%, #1B4B4D 50%, #043B3C 100%);
    background: -webkit-linear-gradient(top, #3E5C5E 0%, #1B4B4D 50%, #043B3C 100%);
    background: linear-gradient(to bottom, #3E5C5E 0%, #1B4B4D 50%, #043B3C 100%);
}
</style>