#B08DCD - #5E2B84 | 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 #B08DCD mit #5E2B84

#B08DCD #5E2B84

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

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

0.0%	0.0% #B08DCD	RGB 176 141 205	#B08DCD
16.7%	16.7% #A27CC0	RGB 162 124 192	#A27CC0
33.3%	33.3% #946CB4	RGB 148 108 180	#946CB4
50.0%	50.0% #875CA8	RGB 135 92 168	#875CA8
66.7%	66.7% #794B9C	RGB 121 75 156	#794B9C
83.3%	83.3% #6B3B90	RGB 107 59 144	#6B3B90
100.0%	100.0% #5E2B84	RGB 94 43 132	#5E2B84

#B08DCD #A27CC0 #946CB4 #875CA8 #794B9C #6B3B90 #5E2B84

#B08DCD - #5E2B84

HSV-Mischung

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

0.0%	0.0% #B08DCD	RGB 176 141 205	#B08DCD
16.7%	16.7% #A078C0	RGB 160 120 192	#A078C0
33.3%	33.3% #9166B4	RGB 145 102 180	#9166B4
50.0%	50.0% #8355A8	RGB 131 85 168	#8355A8
66.7%	66.7% #76459C	RGB 118 69 156	#76459C
83.3%	83.3% #693790	RGB 105 55 144	#693790
100.0%	100.0% #5E2B84	RGB 94 43 132	#5E2B84

#B08DCD #A078C0 #9166B4 #8355A8 #76459C #693790 #5E2B84

#B08DCD - #8355A8 - #5E2B84

CSS-Codes

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

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