#C35EB6 - #8A0066 | 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 #C35EB6 mit #8A0066

#C35EB6 #8A0066

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

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

0.0%	0.0% #C35EB6	RGB 195 94 182	#C35EB6
16.7%	16.7% #B94EA8	RGB 185 78 168	#B94EA8
33.3%	33.3% #B03E9B	RGB 176 62 155	#B03E9B
50.0%	50.0% #A62F8E	RGB 166 47 142	#A62F8E
66.7%	66.7% #9D1F80	RGB 157 31 128	#9D1F80
83.3%	83.3% #930F73	RGB 147 15 115	#930F73
100.0%	100.0% #8A0066	RGB 138 0 102	#8A0066

#C35EB6 #B94EA8 #B03E9B #A62F8E #9D1F80 #930F73 #8A0066

#C35EB6 - #8A0066

HSV-Mischung

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

0.0%	0.0% #C35EB6	RGB 195 94 182	#C35EB6
16.7%	16.7% #B94AA8	RGB 185 74 168	#B94AA8
33.3%	33.3% #B0389B	RGB 176 56 155	#B0389B
50.0%	50.0% #A6288D	RGB 166 40 141	#A6288D
66.7%	66.7% #9D1980	RGB 157 25 128	#9D1980
83.3%	83.3% #930B73	RGB 147 11 115	#930B73
100.0%	100.0% #8A0066	RGB 138 0 102	#8A0066

#C35EB6 #B94AA8 #B0389B #A6288D #9D1980 #930B73 #8A0066

#C35EB6 - #A6288D - #8A0066

CSS-Codes

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

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