#959600 - #FCD42E | 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 #959600 mit #FCD42E

#959600 #FCD42E

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

#959600 - #FCD42E | 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 #959600 als 0% und #FCD42E als 100%.

0.0%	0.0% #959600	RGB 149 150 0	#959600
16.7%	16.7% #A6A007	RGB 166 160 7	#A6A007
33.3%	33.3% #B7AA0F	RGB 183 170 15	#B7AA0F
50.0%	50.0% #C8B517	RGB 200 181 23	#C8B517
66.7%	66.7% #D9BF1E	RGB 217 191 30	#D9BF1E
83.3%	83.3% #EAC926	RGB 234 201 38	#EAC926
100.0%	100.0% #FCD42E	RGB 252 212 46	#FCD42E

#959600 #A6A007 #B7AA0F #C8B517 #D9BF1E #EAC926 #FCD42E

#959600 - #FCD42E

HSV-Mischung

#959600 - #FCD42E | 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 #959600 als 0% und #FCD42E als 100%.

0.0%	0.0% #959600	RGB 149 150 0	#959600
16.7%	16.7% #A7A205	RGB 167 162 5	#A7A205
33.3%	33.3% #B8AD0B	RGB 184 173 11	#B8AD0B
50.0%	50.0% #C9B712	RGB 201 183 18	#C9B712
66.7%	66.7% #DAC11A	RGB 218 193 26	#DAC11A
83.3%	83.3% #EBCA23	RGB 235 202 35	#EBCA23
100.0%	100.0% #FCD42E	RGB 252 212 46	#FCD42E

#959600 #A7A205 #B8AD0B #C9B712 #DAC11A #EBCA23 #FCD42E

#959600 - #C9B712 - #FCD42E

CSS-Codes

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

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