#C291A8 - #8F3759 | 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 #C291A8 mit #8F3759

#C291A8 #8F3759

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

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

0.0%	0.0% #C291A8	RGB 194 145 168	#C291A8
16.7%	16.7% #B9829A	RGB 185 130 154	#B9829A
33.3%	33.3% #B1738D	RGB 177 115 141	#B1738D
50.0%	50.0% #A86480	RGB 168 100 128	#A86480
66.7%	66.7% #A05573	RGB 160 85 115	#A05573
83.3%	83.3% #974666	RGB 151 70 102	#974666
100.0%	100.0% #8F3759	RGB 143 55 89	#8F3759

#C291A8 #B9829A #B1738D #A86480 #A05573 #974666 #8F3759

#C291A8 - #8F3759

HSV-Mischung

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

0.0%	0.0% #C291A8	RGB 194 145 168	#C291A8
16.7%	16.7% #B97F99	RGB 185 127 153	#B97F99
33.3%	33.3% #B16E8C	RGB 177 110 140	#B16E8C
50.0%	50.0% #A85F7E	RGB 168 95 126	#A85F7E
66.7%	66.7% #A05071	RGB 160 80 113	#A05071
83.3%	83.3% #974365	RGB 151 67 101	#974365
100.0%	100.0% #8F3759	RGB 143 55 89	#8F3759

#C291A8 #B97F99 #B16E8C #A85F7E #A05071 #974365 #8F3759

#C291A8 - #A85F7E - #8F3759

CSS-Codes

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

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