#5E3E92 - #D58DAB | 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 #5E3E92 mit #D58DAB

#5E3E92 #D58DAB

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

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

0.0%	0.0% #5E3E92	RGB 94 62 146	#5E3E92
16.7%	16.7% #714B96	RGB 113 75 150	#714B96
33.3%	33.3% #85589A	RGB 133 88 154	#85589A
50.0%	50.0% #99659E	RGB 153 101 158	#99659E
66.7%	66.7% #AD72A2	RGB 173 114 162	#AD72A2
83.3%	83.3% #C17FA6	RGB 193 127 166	#C17FA6
100.0%	100.0% #D58DAB	RGB 213 141 171	#D58DAB

#5E3E92 #714B96 #85589A #99659E #AD72A2 #C17FA6 #D58DAB

#5E3E92 - #D58DAB

HSV-Mischung

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

0.0%	0.0% #5E3E92	RGB 94 62 146	#5E3E92
16.7%	16.7% #79489D	RGB 121 72 157	#79489D
33.3%	33.3% #9654A8	RGB 150 84 168	#9654A8
50.0%	50.0% #B261B3	RGB 178 97 179	#B261B3
66.7%	66.7% #BE6FB0	RGB 190 111 176	#BE6FB0
83.3%	83.3% #C97DAC	RGB 201 125 172	#C97DAC
100.0%	100.0% #D58DAB	RGB 213 141 171	#D58DAB

#5E3E92 #79489D #9654A8 #B261B3 #BE6FB0 #C97DAC #D58DAB

#5E3E92 - #B261B3 - #D58DAB

CSS-Codes

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

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