#C9A1A1 - #B0524B | 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 #C9A1A1 mit #B0524B

#C9A1A1 #B0524B

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

#C9A1A1 - #B0524B | 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 #C9A1A1 als 0% und #B0524B als 100%.

0.0%	0.0% #C9A1A1	RGB 201 161 161	#C9A1A1
16.7%	16.7% #C49392	RGB 196 147 146	#C49392
33.3%	33.3% #C08684	RGB 192 134 132	#C08684
50.0%	50.0% #BC7976	RGB 188 121 118	#BC7976
66.7%	66.7% #B86C67	RGB 184 108 103	#B86C67
83.3%	83.3% #B45F59	RGB 180 95 89	#B45F59
100.0%	100.0% #B0524B	RGB 176 82 75	#B0524B

#C9A1A1 #C49392 #C08684 #BC7976 #B86C67 #B45F59 #B0524B

#C9A1A1 - #B0524B

HSV-Mischung

#C9A1A1 - #B0524B | 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 #C9A1A1 als 0% und #B0524B als 100%.

0.0%	0.0% #C9A1A1	RGB 201 161 161	#C9A1A1
16.7%	16.7% #C49191	RGB 196 145 145	#C49191
33.3%	33.3% #C08382	RGB 192 131 130	#C08382
50.0%	50.0% #BC7673	RGB 188 118 115	#BC7673
66.7%	66.7% #B86965	RGB 184 105 101	#B86965
83.3%	83.3% #B45D58	RGB 180 93 88	#B45D58
100.0%	100.0% #B0524B	RGB 176 82 75	#B0524B

#C9A1A1 #C49191 #C08382 #BC7673 #B86965 #B45D58 #B0524B

#C9A1A1 - #BC7673 - #B0524B

CSS-Codes

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

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