#5A8C5C - #CCC085 | 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 #5A8C5C mit #CCC085

#5A8C5C #CCC085

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

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

0.0%	0.0% #5A8C5C	RGB 90 140 92	#5A8C5C
16.7%	16.7% #6D9462	RGB 109 148 98	#6D9462
33.3%	33.3% #809D69	RGB 128 157 105	#809D69
50.0%	50.0% #93A670	RGB 147 166 112	#93A670
66.7%	66.7% #A6AE77	RGB 166 174 119	#A6AE77
83.3%	83.3% #B9B77E	RGB 185 183 126	#B9B77E
100.0%	100.0% #CCC085	RGB 204 192 133	#CCC085

#5A8C5C #6D9462 #809D69 #93A670 #A6AE77 #B9B77E #CCC085

#5A8C5C - #CCC085

HSV-Mischung

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

0.0%	0.0% #5A8C5C	RGB 90 140 92	#5A8C5C
16.7%	16.7% #699661	RGB 105 150 97	#699661
33.3%	33.3% #7CA168	RGB 124 161 104	#7CA168
50.0%	50.0% #91AC6F	RGB 145 172 111	#91AC6F
66.7%	66.7% #A7B676	RGB 167 182 118	#A7B676
83.3%	83.3% #BFC17D	RGB 191 193 125	#BFC17D
100.0%	100.0% #CCC085	RGB 204 192 133	#CCC085

#5A8C5C #699661 #7CA168 #91AC6F #A7B676 #BFC17D #CCC085

#5A8C5C - #91AC6F - #CCC085

CSS-Codes

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

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