#2B5E13 - #C2D1BB | 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 #2B5E13 mit #C2D1BB

#2B5E13 #C2D1BB

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

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

0.0%	0.0% #2B5E13	RGB 43 94 19	#2B5E13
16.7%	16.7% #44712F	RGB 68 113 47	#44712F
33.3%	33.3% #5D844B	RGB 93 132 75	#5D844B
50.0%	50.0% #769767	RGB 118 151 103	#769767
66.7%	66.7% #8FAA83	RGB 143 170 131	#8FAA83
83.3%	83.3% #A8BD9F	RGB 168 189 159	#A8BD9F
100.0%	100.0% #C2D1BB	RGB 194 209 187	#C2D1BB

#2B5E13 #44712F #5D844B #769767 #8FAA83 #A8BD9F #C2D1BB

#2B5E13 - #C2D1BB

HSV-Mischung

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

0.0%	0.0% #2A5E12	RGB 42 94 18	#2A5E12
16.7%	16.7% #3C7123	RGB 60 113 35	#3C7123
33.3%	33.3% #518439	RGB 81 132 57	#518439
50.0%	50.0% #689753	RGB 104 151 83	#689753
66.7%	66.7% #83AA71	RGB 131 170 113	#83AA71
83.3%	83.3% #A1BD93	RGB 161 189 147	#A1BD93
100.0%	100.0% #C2D1BB	RGB 194 209 187	#C2D1BB

#2A5E12 #3C7123 #518439 #689753 #83AA71 #A1BD93 #C2D1BB

#2B5E13 - #689753 - #C2D1BB

CSS-Codes

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

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