#2B7600 - #DDCD5E | 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 #2B7600 mit #DDCD5E

#2B7600 #DDCD5E

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

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

0.0%	0.0% #2B7600	RGB 43 118 0	#2B7600
16.7%	16.7% #48840F	RGB 72 132 15	#48840F
33.3%	33.3% #66931F	RGB 102 147 31	#66931F
50.0%	50.0% #84A12F	RGB 132 161 47	#84A12F
66.7%	66.7% #A1B03E	RGB 161 176 62	#A1B03E
83.3%	83.3% #BFBE4E	RGB 191 190 78	#BFBE4E
100.0%	100.0% #DDCD5E	RGB 221 205 94	#DDCD5E

#2B7600 #48840F #66931F #84A12F #A1B03E #BFBE4E #DDCD5E

#2B7600 - #DDCD5E

HSV-Mischung

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

0.0%	0.0% #2B7600	RGB 43 118 0	#2B7600
16.7%	16.7% #478709	RGB 71 135 9	#478709
33.3%	33.3% #669815	RGB 102 152 21	#669815
50.0%	50.0% #87A924	RGB 135 169 36	#87A924
66.7%	66.7% #A9BA34	RGB 169 186 52	#A9BA34
83.3%	83.3% #CBCB48	RGB 203 203 72	#CBCB48
100.0%	100.0% #DDCD5E	RGB 221 205 94	#DDCD5E

#2B7600 #478709 #669815 #87A924 #A9BA34 #CBCB48 #DDCD5E

#2B7600 - #87A924 - #DDCD5E

CSS-Codes

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

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