#C18D00 - #5E450C | 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 #C18D00 mit #5E450C

#C18D00 #5E450C

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

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

0.0%	0.0% #C18D00	RGB 193 141 0	#C18D00
16.7%	16.7% #B08102	RGB 176 129 2	#B08102
33.3%	33.3% #A07504	RGB 160 117 4	#A07504
50.0%	50.0% #8F6906	RGB 143 105 6	#8F6906
66.7%	66.7% #7F5D08	RGB 127 93 8	#7F5D08
83.3%	83.3% #6E510A	RGB 110 81 10	#6E510A
100.0%	100.0% #5E450C	RGB 94 69 12	#5E450C

#C18D00 #B08102 #A07504 #8F6906 #7F5D08 #6E510A #5E450C

#C18D00 - #5E450C

HSV-Mischung

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

0.0%	0.0% #C18D00	RGB 193 141 0	#C18D00
16.7%	16.7% #B08003	RGB 176 128 3	#B08003
33.3%	33.3% #A07406	RGB 160 116 6	#A07406
50.0%	50.0% #8F6809	RGB 143 104 9	#8F6809
66.7%	66.7% #7F5C0A	RGB 127 92 10	#7F5C0A
83.3%	83.3% #6E500B	RGB 110 80 11	#6E500B
100.0%	100.0% #5E450C	RGB 94 69 12	#5E450C

#C18D00 #B08003 #A07406 #8F6809 #7F5C0A #6E500B #5E450C

#C18D00 - #8F6809 - #5E450C

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C18D00 0%, #8F6809 50%, #5E450C 100%);
    background: -webkit-linear-gradient(top, #C18D00 0%, #8F6809 50%, #5E450C 100%);
    background: linear-gradient(to bottom, #C18D00 0%, #8F6809 50%, #5E450C 100%);
}
</style>