#5E7600 - #CFD7B6 | 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 #5E7600 mit #CFD7B6

#5E7600 #CFD7B6

Berechnen Sie die Farbe zwischen zwei Farben, #5E7600 und #CFD7B6. 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)

#5E7600 - #CFD7B6 | 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 #5E7600 als 0% und #CFD7B6 als 100%.

0.0%	0.0% #5E7600	RGB 94 118 0	#5E7600
16.7%	16.7% #70861E	RGB 112 134 30	#70861E
33.3%	33.3% #83963C	RGB 131 150 60	#83963C
50.0%	50.0% #96A65B	RGB 150 166 91	#96A65B
66.7%	66.7% #A9B679	RGB 169 182 121	#A9B679
83.3%	83.3% #BCC697	RGB 188 198 151	#BCC697
100.0%	100.0% #CFD7B6	RGB 207 215 182	#CFD7B6

#5E7600 #70861E #83963C #96A65B #A9B679 #BCC697 #CFD7B6

#5E7600 - #CFD7B6

HSV-Mischung

#5E7600 - #CFD7B6 | 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 #5E7600 als 0% und #CFD7B6 als 100%.

0.0%	0.0% #5E7600	RGB 94 118 0	#5E7600
16.7%	16.7% #6D8612	RGB 109 134 18	#6D8612
33.3%	33.3% #7E962A	RGB 126 150 42	#7E962A
50.0%	50.0% #91A646	RGB 145 166 70	#91A646
66.7%	66.7% #A4B667	RGB 164 182 103	#A4B667
83.3%	83.3% #B9C68C	RGB 185 198 140	#B9C68C
100.0%	100.0% #CFD7B6	RGB 207 215 182	#CFD7B6

#5E7600 #6D8612 #7E962A #91A646 #A4B667 #B9C68C #CFD7B6

#5E7600 - #91A646 - #CFD7B6

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7600 0%, #91A646 50%, #CFD7B6 100%);
    background: -webkit-linear-gradient(top, #5E7600 0%, #91A646 50%, #CFD7B6 100%);
    background: linear-gradient(to bottom, #5E7600 0%, #91A646 50%, #CFD7B6 100%);
}
</style>