#C75EB9 - #8D006A | 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 #C75EB9 mit #8D006A

#C75EB9 #8D006A

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

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

0.0%	0.0% #C75EB9	RGB 199 94 185	#C75EB9
16.7%	16.7% #BD4EAB	RGB 189 78 171	#BD4EAB
33.3%	33.3% #B33E9E	RGB 179 62 158	#B33E9E
50.0%	50.0% #AA2F91	RGB 170 47 145	#AA2F91
66.7%	66.7% #A01F84	RGB 160 31 132	#A01F84
83.3%	83.3% #960F77	RGB 150 15 119	#960F77
100.0%	100.0% #8D006A	RGB 141 0 106	#8D006A

#C75EB9 #BD4EAB #B33E9E #AA2F91 #A01F84 #960F77 #8D006A

#C75EB9 - #8D006A

HSV-Mischung

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

0.0%	0.0% #C75EB8	RGB 199 94 184	#C75EB8
16.7%	16.7% #BD4AAB	RGB 189 74 171	#BD4AAB
33.3%	33.3% #B3389E	RGB 179 56 158	#B3389E
50.0%	50.0% #AA2891	RGB 170 40 145	#AA2891
66.7%	66.7% #A01983	RGB 160 25 131	#A01983
83.3%	83.3% #960B76	RGB 150 11 118	#960B76
100.0%	100.0% #8D006A	RGB 141 0 106	#8D006A

#C75EB8 #BD4AAB #B3389E #AA2891 #A01983 #960B76 #8D006A

#C75EB9 - #AA2891 - #8D006A

CSS-Codes

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

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