#9C7A8C - #6D2B3C | 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 #9C7A8C mit #6D2B3C

#9C7A8C #6D2B3C

Berechnen Sie die Farbe zwischen zwei Farben, #9C7A8C und #6D2B3C. 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)

#9C7A8C - #6D2B3C | 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 #9C7A8C als 0% und #6D2B3C als 100%.

0.0%	0.0% #9C7A8C	RGB 156 122 140	#9C7A8C
16.7%	16.7% #946C7E	RGB 148 108 126	#946C7E
33.3%	33.3% #8C5F71	RGB 140 95 113	#8C5F71
50.0%	50.0% #845264	RGB 132 82 100	#845264
66.7%	66.7% #7C4556	RGB 124 69 86	#7C4556
83.3%	83.3% #743849	RGB 116 56 73	#743849
100.0%	100.0% #6D2B3C	RGB 109 43 60	#6D2B3C

#9C7A8C #946C7E #8C5F71 #845264 #7C4556 #743849 #6D2B3C

#9C7A8C - #6D2B3C

HSV-Mischung

#9C7A8C - #6D2B3C | 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 #9C7A8C als 0% und #6D2B3C als 100%.

0.0%	0.0% #9C7A8C	RGB 156 122 140	#9C7A8C
16.7%	16.7% #946A7E	RGB 148 106 126	#946A7E
33.3%	33.3% #8C5B70	RGB 140 91 112	#8C5B70
50.0%	50.0% #844D63	RGB 132 77 99	#844D63
66.7%	66.7% #7C4155	RGB 124 65 85	#7C4155
83.3%	83.3% #743548	RGB 116 53 72	#743548
100.0%	100.0% #6D2B3C	RGB 109 43 60	#6D2B3C

#9C7A8C #946A7E #8C5B70 #844D63 #7C4155 #743548 #6D2B3C

#9C7A8C - #844D63 - #6D2B3C

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C7A8C 0%, #844D63 50%, #6D2B3C 100%);
    background: -webkit-linear-gradient(top, #9C7A8C 0%, #844D63 50%, #6D2B3C 100%);
    background: linear-gradient(to bottom, #9C7A8C 0%, #844D63 50%, #6D2B3C 100%);
}
</style>