#BE9FDA - #362D3E | 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 #BE9FDA mit #362D3E

#BE9FDA #362D3E

Berechnen Sie die Farbe zwischen zwei Farben, #BE9FDA und #362D3E. 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)

#BE9FDA - #362D3E | 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 #BE9FDA als 0% und #362D3E als 100%.

0.0%	0.0% #BE9FDA	RGB 190 159 218	#BE9FDA
16.7%	16.7% #A78CC0	RGB 167 140 192	#A78CC0
33.3%	33.3% #9079A6	RGB 144 121 166	#9079A6
50.0%	50.0% #7A668C	RGB 122 102 140	#7A668C
66.7%	66.7% #635372	RGB 99 83 114	#635372
83.3%	83.3% #4C4058	RGB 76 64 88	#4C4058
100.0%	100.0% #362D3E	RGB 54 45 62	#362D3E

#BE9FDA #A78CC0 #9079A6 #7A668C #635372 #4C4058 #362D3E

#BE9FDA - #362D3E

HSV-Mischung

#BE9FDA - #362D3E | 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 #BE9FDA als 0% und #362D3E als 100%.

0.0%	0.0% #BE9FDA	RGB 190 159 218	#BE9FDA
16.7%	16.7% #A78BC0	RGB 167 139 192	#A78BC0
33.3%	33.3% #9078A6	RGB 144 120 166	#9078A6
50.0%	50.0% #79658C	RGB 121 101 140	#79658C
66.7%	66.7% #635272	RGB 99 82 114	#635272
83.3%	83.3% #4C3F58	RGB 76 63 88	#4C3F58
100.0%	100.0% #362D3E	RGB 54 45 62	#362D3E

#BE9FDA #A78BC0 #9078A6 #79658C #635272 #4C3F58 #362D3E

#BE9FDA - #79658C - #362D3E

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BE9FDA 0%, #79658C 50%, #362D3E 100%);
    background: -webkit-linear-gradient(top, #BE9FDA 0%, #79658C 50%, #362D3E 100%);
    background: linear-gradient(to bottom, #BE9FDA 0%, #79658C 50%, #362D3E 100%);
}
</style>