#3C3E3C - #03492E | 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 #3C3E3C mit #03492E

#3C3E3C #03492E

Berechnen Sie die Farbe zwischen zwei Farben, #3C3E3C und #03492E. 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)

#3C3E3C - #03492E | 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 #3C3E3C als 0% und #03492E als 100%.

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #323F39	RGB 50 63 57	#323F39
33.3%	33.3% #294137	RGB 41 65 55	#294137
50.0%	50.0% #1F4335	RGB 31 67 53	#1F4335
66.7%	66.7% #164532	RGB 22 69 50	#164532
83.3%	83.3% #0C4730	RGB 12 71 48	#0C4730
100.0%	100.0% #03492E	RGB 3 73 46	#03492E

#3C3E3C #323F39 #294137 #1F4335 #164532 #0C4730 #03492E

#3C3E3C - #03492E

HSV-Mischung

#3C3E3C - #03492E | 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 #3C3E3C als 0% und #03492E als 100%.

0.0%	0.0% #3C3E3C	RGB 60 62 60	#3C3E3C
16.7%	16.7% #333F35	RGB 51 63 53	#333F35
33.3%	33.3% #2B412F	RGB 43 65 47	#2B412F
50.0%	50.0% #22432C	RGB 34 67 44	#22432C
66.7%	66.7% #18452A	RGB 24 69 42	#18452A
83.3%	83.3% #0D472B	RGB 13 71 43	#0D472B
100.0%	100.0% #03492E	RGB 3 73 46	#03492E

#3C3E3C #333F35 #2B412F #22432C #18452A #0D472B #03492E

#3C3E3C - #22432C - #03492E

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C3E3C 0%, #22432C 50%, #03492E 100%);
    background: -webkit-linear-gradient(top, #3C3E3C 0%, #22432C 50%, #03492E 100%);
    background: linear-gradient(to bottom, #3C3E3C 0%, #22432C 50%, #03492E 100%);
}
</style>