#C3B5BC - #7B5E6C | 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 #C3B5BC mit #7B5E6C

#C3B5BC #7B5E6C

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

#C3B5BC - #7B5E6C | 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 #C3B5BC als 0% und #7B5E6C als 100%.

0.0%	0.0% #C3B5BC	RGB 195 181 188	#C3B5BC
16.7%	16.7% #B7A6AE	RGB 183 166 174	#B7A6AE
33.3%	33.3% #AB98A1	RGB 171 152 161	#AB98A1
50.0%	50.0% #9F8994	RGB 159 137 148	#9F8994
66.7%	66.7% #937B86	RGB 147 123 134	#937B86
83.3%	83.3% #876C79	RGB 135 108 121	#876C79
100.0%	100.0% #7B5E6C	RGB 123 94 108	#7B5E6C

#C3B5BC #B7A6AE #AB98A1 #9F8994 #937B86 #876C79 #7B5E6C

#C3B5BC - #7B5E6C

HSV-Mischung

#C3B5BC - #7B5E6C | 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 #C3B5BC als 0% und #7B5E6C als 100%.

0.0%	0.0% #C3B5BC	RGB 195 181 188	#C3B5BC
16.7%	16.7% #B7A4AD	RGB 183 164 173	#B7A4AD
33.3%	33.3% #AB95A0	RGB 171 149 160	#AB95A0
50.0%	50.0% #9F8692	RGB 159 134 146	#9F8692
66.7%	66.7% #937885	RGB 147 120 133	#937885
83.3%	83.3% #876A78	RGB 135 106 120	#876A78
100.0%	100.0% #7B5E6C	RGB 123 94 108	#7B5E6C

#C3B5BC #B7A4AD #AB95A0 #9F8692 #937885 #876A78 #7B5E6C

#C3B5BC - #9F8692 - #7B5E6C

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C3B5BC 0%, #9F8692 50%, #7B5E6C 100%);
    background: -webkit-linear-gradient(top, #C3B5BC 0%, #9F8692 50%, #7B5E6C 100%);
    background: linear-gradient(to bottom, #C3B5BC 0%, #9F8692 50%, #7B5E6C 100%);
}
</style>