#2B5E5F - #A2AD97 | 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 #2B5E5F mit #A2AD97

#2B5E5F #A2AD97

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

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

0.0%	0.0% #2B5E5F	RGB 43 94 95	#2B5E5F
16.7%	16.7% #3E6B68	RGB 62 107 104	#3E6B68
33.3%	33.3% #527871	RGB 82 120 113	#527871
50.0%	50.0% #66857B	RGB 102 133 123	#66857B
66.7%	66.7% #7A9284	RGB 122 146 132	#7A9284
83.3%	83.3% #8E9F8D	RGB 142 159 141	#8E9F8D
100.0%	100.0% #A2AD97	RGB 162 173 151	#A2AD97

#2B5E5F #3E6B68 #527871 #66857B #7A9284 #8E9F8D #A2AD97

#2B5E5F - #A2AD97

HSV-Mischung

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

0.0%	0.0% #2B5E5F	RGB 43 94 95	#2B5E5F
16.7%	16.7% #386C5F	RGB 56 108 95	#386C5F
33.3%	33.3% #477960	RGB 71 121 96	#477960
50.0%	50.0% #588664	RGB 88 134 100	#588664
66.7%	66.7% #6B936B	RGB 107 147 107	#6B936B
83.3%	83.3% #88A080	RGB 136 160 128	#88A080
100.0%	100.0% #A2AD97	RGB 162 173 151	#A2AD97

#2B5E5F #386C5F #477960 #588664 #6B936B #88A080 #A2AD97

#2B5E5F - #588664 - #A2AD97

CSS-Codes

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

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