#5E3CDA - #BE9CFC | 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 #5E3CDA mit #BE9CFC

#5E3CDA #BE9CFC

Berechnen Sie die Farbe zwischen zwei Farben, #5E3CDA und #BE9CFC. 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)

#5E3CDA - #BE9CFC | 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 #5E3CDA als 0% und #BE9CFC als 100%.

0.0%	0.0% #5E3CDA	RGB 94 60 218	#5E3CDA
16.7%	16.7% #6E4CDF	RGB 110 76 223	#6E4CDF
33.3%	33.3% #7E5CE5	RGB 126 92 229	#7E5CE5
50.0%	50.0% #8E6CEB	RGB 142 108 235	#8E6CEB
66.7%	66.7% #9E7CF0	RGB 158 124 240	#9E7CF0
83.3%	83.3% #AE8CF6	RGB 174 140 246	#AE8CF6
100.0%	100.0% #BE9CFC	RGB 190 156 252	#BE9CFC

#5E3CDA #6E4CDF #7E5CE5 #8E6CEB #9E7CF0 #AE8CF6 #BE9CFC

#5E3CDA - #BE9CFC

HSV-Mischung

#5E3CDA - #BE9CFC | 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 #5E3CDA als 0% und #BE9CFC als 100%.

0.0%	0.0% #5D3CDA	RGB 93 60 218	#5D3CDA
16.7%	16.7% #6D4ADF	RGB 109 74 223	#6D4ADF
33.3%	33.3% #7D59E5	RGB 125 89 229	#7D59E5
50.0%	50.0% #8E69EB	RGB 142 105 235	#8E69EB
66.7%	66.7% #9E79F0	RGB 158 121 240	#9E79F0
83.3%	83.3% #AE8AF6	RGB 174 138 246	#AE8AF6
100.0%	100.0% #BE9CFC	RGB 190 156 252	#BE9CFC

#5D3CDA #6D4ADF #7D59E5 #8E69EB #9E79F0 #AE8AF6 #BE9CFC

#5E3CDA - #8E69EB - #BE9CFC

CSS-Codes

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

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