#BC9FDC - #342D3E | 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 #BC9FDC mit #342D3E

#BC9FDC #342D3E

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

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

0.0%	0.0% #BC9FDC	RGB 188 159 220	#BC9FDC
16.7%	16.7% #A58CC1	RGB 165 140 193	#A58CC1
33.3%	33.3% #8E79A7	RGB 142 121 167	#8E79A7
50.0%	50.0% #78668D	RGB 120 102 141	#78668D
66.7%	66.7% #615372	RGB 97 83 114	#615372
83.3%	83.3% #4A4058	RGB 74 64 88	#4A4058
100.0%	100.0% #342D3E	RGB 52 45 62	#342D3E

#BC9FDC #A58CC1 #8E79A7 #78668D #615372 #4A4058 #342D3E

#BC9FDC - #342D3E

HSV-Mischung

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

0.0%	0.0% #BC9FDC	RGB 188 159 220	#BC9FDC
16.7%	16.7% #A48CC1	RGB 164 140 193	#A48CC1
33.3%	33.3% #8E79A7	RGB 142 121 167	#8E79A7
50.0%	50.0% #77668D	RGB 119 102 141	#77668D
66.7%	66.7% #605372	RGB 96 83 114	#605372
83.3%	83.3% #4A4058	RGB 74 64 88	#4A4058
100.0%	100.0% #342D3E	RGB 52 45 62	#342D3E

#BC9FDC #A48CC1 #8E79A7 #77668D #605372 #4A4058 #342D3E

#BC9FDC - #77668D - #342D3E

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BC9FDC 0%, #77668D 50%, #342D3E 100%);
    background: -webkit-linear-gradient(top, #BC9FDC 0%, #77668D 50%, #342D3E 100%);
    background: linear-gradient(to bottom, #BC9FDC 0%, #77668D 50%, #342D3E 100%);
}
</style>