#9CAA5E - #FDDF84 | 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 #9CAA5E mit #FDDF84

#9CAA5E #FDDF84

Berechnen Sie die Farbe zwischen zwei Farben, #9CAA5E und #FDDF84. 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)

#9CAA5E - #FDDF84 | 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 #9CAA5E als 0% und #FDDF84 als 100%.

0.0%	0.0% #9CAA5E	RGB 156 170 94	#9CAA5E
16.7%	16.7% #ACB264	RGB 172 178 100	#ACB264
33.3%	33.3% #BCBB6A	RGB 188 187 106	#BCBB6A
50.0%	50.0% #CCC471	RGB 204 196 113	#CCC471
66.7%	66.7% #DCCD77	RGB 220 205 119	#DCCD77
83.3%	83.3% #ECD67D	RGB 236 214 125	#ECD67D
100.0%	100.0% #FDDF84	RGB 253 223 132	#FDDF84

#9CAA5E #ACB264 #BCBB6A #CCC471 #DCCD77 #ECD67D #FDDF84

#9CAA5E - #FDDF84

HSV-Mischung

#9CAA5E - #FDDF84 | 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 #9CAA5E als 0% und #FDDF84 als 100%.

0.0%	0.0% #9CAA5E	RGB 156 170 94	#9CAA5E
16.7%	16.7% #AEB764	RGB 174 183 100	#AEB764
33.3%	33.3% #C2C56B	RGB 194 197 107	#C2C56B
50.0%	50.0% #D3D071	RGB 211 208 113	#D3D071
66.7%	66.7% #E1D677	RGB 225 214 119	#E1D677
83.3%	83.3% #EFDB7E	RGB 239 219 126	#EFDB7E
100.0%	100.0% #FDDF84	RGB 253 223 132	#FDDF84

#9CAA5E #AEB764 #C2C56B #D3D071 #E1D677 #EFDB7E #FDDF84

#9CAA5E - #D3D071 - #FDDF84

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9CAA5E 0%, #D3D071 50%, #FDDF84 100%);
    background: -webkit-linear-gradient(top, #9CAA5E 0%, #D3D071 50%, #FDDF84 100%);
    background: linear-gradient(to bottom, #9CAA5E 0%, #D3D071 50%, #FDDF84 100%);
}
</style>