#D1B2FF - #8D32DF | 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 #D1B2FF mit #8D32DF

#D1B2FF #8D32DF

Berechnen Sie die Farbe zwischen zwei Farben, #D1B2FF und #8D32DF. 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)

#D1B2FF - #8D32DF | 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 #D1B2FF als 0% und #8D32DF als 100%.

0.0%	0.0% #D1B2FF	RGB 209 178 255	#D1B2FF
16.7%	16.7% #C59CF9	RGB 197 156 249	#C59CF9
33.3%	33.3% #BA87F4	RGB 186 135 244	#BA87F4
50.0%	50.0% #AF72EF	RGB 175 114 239	#AF72EF
66.7%	66.7% #A35CE9	RGB 163 92 233	#A35CE9
83.3%	83.3% #9847E4	RGB 152 71 228	#9847E4
100.0%	100.0% #8D32DF	RGB 141 50 223	#8D32DF

#D1B2FF #C59CF9 #BA87F4 #AF72EF #A35CE9 #9847E4 #8D32DF

#D1B2FF - #8D32DF

HSV-Mischung

#D1B2FF - #8D32DF | 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 #D1B2FF als 0% und #8D32DF als 100%.

0.0%	0.0% #D1B2FF	RGB 209 178 255	#D1B2FF
16.7%	16.7% #C29AF9	RGB 194 154 249	#C29AF9
33.3%	33.3% #B583F4	RGB 181 131 244	#B583F4
50.0%	50.0% #AA6EEF	RGB 170 110 239	#AA6EEF
66.7%	66.7% #9F59E9	RGB 159 89 233	#9F59E9
83.3%	83.3% #9545E4	RGB 149 69 228	#9545E4
100.0%	100.0% #8D32DF	RGB 141 50 223	#8D32DF

#D1B2FF #C29AF9 #B583F4 #AA6EEF #9F59E9 #9545E4 #8D32DF

#D1B2FF - #AA6EEF - #8D32DF

CSS-Codes

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

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