#2D5E3C - #0A2B1E | 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 #2D5E3C mit #0A2B1E

#2D5E3C #0A2B1E

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

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

0.0%	0.0% #2D5E3C	RGB 45 94 60	#2D5E3C
16.7%	16.7% #275537	RGB 39 85 55	#275537
33.3%	33.3% #214D32	RGB 33 77 50	#214D32
50.0%	50.0% #1B442D	RGB 27 68 45	#1B442D
66.7%	66.7% #153C28	RGB 21 60 40	#153C28
83.3%	83.3% #0F3323	RGB 15 51 35	#0F3323
100.0%	100.0% #0A2B1E	RGB 10 43 30	#0A2B1E

#2D5E3C #275537 #214D32 #1B442D #153C28 #0F3323 #0A2B1E

#2D5E3C - #0A2B1E

HSV-Mischung

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

0.0%	0.0% #2D5E3C	RGB 45 94 60	#2D5E3C
16.7%	16.7% #255536	RGB 37 85 54	#255536
33.3%	33.3% #1E4D31	RGB 30 77 49	#1E4D31
50.0%	50.0% #18442C	RGB 24 68 44	#18442C
66.7%	66.7% #123C27	RGB 18 60 39	#123C27
83.3%	83.3% #0E3322	RGB 14 51 34	#0E3322
100.0%	100.0% #0A2B1E	RGB 10 43 30	#0A2B1E

#2D5E3C #255536 #1E4D31 #18442C #123C27 #0E3322 #0A2B1E

#2D5E3C - #18442C - #0A2B1E

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D5E3C 0%, #18442C 50%, #0A2B1E 100%);
    background: -webkit-linear-gradient(top, #2D5E3C 0%, #18442C 50%, #0A2B1E 100%);
    background: linear-gradient(to bottom, #2D5E3C 0%, #18442C 50%, #0A2B1E 100%);
}
</style>