#3E2F5E - #8452C7 | 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 #3E2F5E mit #8452C7

#3E2F5E #8452C7

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

#3E2F5E - #8452C7 | 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 #3E2F5E als 0% und #8452C7 als 100%.

0.0%	0.0% #3E2F5E	RGB 62 47 94	#3E2F5E
16.7%	16.7% #49346F	RGB 73 52 111	#49346F
33.3%	33.3% #553A81	RGB 85 58 129	#553A81
50.0%	50.0% #614092	RGB 97 64 146	#614092
66.7%	66.7% #6C46A4	RGB 108 70 164	#6C46A4
83.3%	83.3% #784CB5	RGB 120 76 181	#784CB5
100.0%	100.0% #8452C7	RGB 132 82 199	#8452C7

#3E2F5E #49346F #553A81 #614092 #6C46A4 #784CB5 #8452C7

#3E2F5E - #8452C7

HSV-Mischung

#3E2F5E - #8452C7 | 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 #3E2F5E als 0% und #8452C7 als 100%.

0.0%	0.0% #3E2F5E	RGB 62 47 94	#3E2F5E
16.7%	16.7% #49366F	RGB 73 54 111	#49366F
33.3%	33.3% #543C81	RGB 84 60 129	#543C81
50.0%	50.0% #604292	RGB 96 66 146	#604292
66.7%	66.7% #6C48A4	RGB 108 72 164	#6C48A4
83.3%	83.3% #784DB5	RGB 120 77 181	#784DB5
100.0%	100.0% #8452C7	RGB 132 82 199	#8452C7

#3E2F5E #49366F #543C81 #604292 #6C48A4 #784DB5 #8452C7

#3E2F5E - #604292 - #8452C7

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E2F5E 0%, #604292 50%, #8452C7 100%);
    background: -webkit-linear-gradient(top, #3E2F5E 0%, #604292 50%, #8452C7 100%);
    background: linear-gradient(to bottom, #3E2F5E 0%, #604292 50%, #8452C7 100%);
}
</style>