#633492 - #3E085E | 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 #633492 mit #3E085E

#633492 #3E085E

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

#633492 - #3E085E | 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 #633492 als 0% und #3E085E als 100%.

0.0%	0.0% #633492	RGB 99 52 146	#633492
16.7%	16.7% #5C2C89	RGB 92 44 137	#5C2C89
33.3%	33.3% #562580	RGB 86 37 128	#562580
50.0%	50.0% #501E78	RGB 80 30 120	#501E78
66.7%	66.7% #4A166F	RGB 74 22 111	#4A166F
83.3%	83.3% #440F66	RGB 68 15 102	#440F66
100.0%	100.0% #3E085E	RGB 62 8 94	#3E085E

#633492 #5C2C89 #562580 #501E78 #4A166F #440F66 #3E085E

#633492 - #3E085E

HSV-Mischung

#633492 - #3E085E | 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 #633492 als 0% und #3E085E als 100%.

0.0%	0.0% #633492	RGB 99 52 146	#633492
16.7%	16.7% #5C2A89	RGB 92 42 137	#5C2A89
33.3%	33.3% #552280	RGB 85 34 128	#552280
50.0%	50.0% #4F1A78	RGB 79 26 120	#4F1A78
66.7%	66.7% #49136F	RGB 73 19 111	#49136F
83.3%	83.3% #430D66	RGB 67 13 102	#430D66
100.0%	100.0% #3E085E	RGB 62 8 94	#3E085E

#633492 #5C2A89 #552280 #4F1A78 #49136F #430D66 #3E085E

#633492 - #4F1A78 - #3E085E

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #633492 0%, #4F1A78 50%, #3E085E 100%);
    background: -webkit-linear-gradient(top, #633492 0%, #4F1A78 50%, #3E085E 100%);
    background: linear-gradient(to bottom, #633492 0%, #4F1A78 50%, #3E085E 100%);
}
</style>