#CCCD2B - #8C8F0C | 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 #CCCD2B mit #8C8F0C

#CCCD2B #8C8F0C

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

#CCCD2B - #8C8F0C | 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 #CCCD2B als 0% und #8C8F0C als 100%.

0.0%	0.0% #CCCD2B	RGB 204 205 43	#CCCD2B
16.7%	16.7% #C1C225	RGB 193 194 37	#C1C225
33.3%	33.3% #B6B820	RGB 182 184 32	#B6B820
50.0%	50.0% #ACAE1B	RGB 172 174 27	#ACAE1B
66.7%	66.7% #A1A316	RGB 161 163 22	#A1A316
83.3%	83.3% #969911	RGB 150 153 17	#969911
100.0%	100.0% #8C8F0C	RGB 140 143 12	#8C8F0C

#CCCD2B #C1C225 #B6B820 #ACAE1B #A1A316 #969911 #8C8F0C

#CCCD2B - #8C8F0C

HSV-Mischung

#CCCD2B - #8C8F0C | 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 #CCCD2B als 0% und #8C8F0C als 100%.

0.0%	0.0% #CCCD2B	RGB 204 205 43	#CCCD2B
16.7%	16.7% #C1C224	RGB 193 194 36	#C1C224
33.3%	33.3% #B6B81E	RGB 182 184 30	#B6B81E
50.0%	50.0% #ABAE19	RGB 171 174 25	#ABAE19
66.7%	66.7% #A1A314	RGB 161 163 20	#A1A314
83.3%	83.3% #969910	RGB 150 153 16	#969910
100.0%	100.0% #8C8F0C	RGB 140 143 12	#8C8F0C

#CCCD2B #C1C224 #B6B81E #ABAE19 #A1A314 #969910 #8C8F0C

#CCCD2B - #ABAE19 - #8C8F0C

CSS-Codes

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

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