#D8C0FF - #8D5EDB | 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 #D8C0FF mit #8D5EDB

#D8C0FF #8D5EDB

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

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

0.0%	0.0% #D8C0FF	RGB 216 192 255	#D8C0FF
16.7%	16.7% #CBAFF9	RGB 203 175 249	#CBAFF9
33.3%	33.3% #BF9FF3	RGB 191 159 243	#BF9FF3
50.0%	50.0% #B28FED	RGB 178 143 237	#B28FED
66.7%	66.7% #A67EE7	RGB 166 126 231	#A67EE7
83.3%	83.3% #996EE1	RGB 153 110 225	#996EE1
100.0%	100.0% #8D5EDB	RGB 141 94 219	#8D5EDB

#D8C0FF #CBAFF9 #BF9FF3 #B28FED #A67EE7 #996EE1 #8D5EDB

#D8C0FF - #8D5EDB

HSV-Mischung

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

0.0%	0.0% #D8C0FF	RGB 216 192 255	#D8C0FF
16.7%	16.7% #CAAEF9	RGB 202 174 249	#CAAEF9
33.3%	33.3% #BD9CF3	RGB 189 156 243	#BD9CF3
50.0%	50.0% #B08CED	RGB 176 140 237	#B08CED
66.7%	66.7% #A47CE7	RGB 164 124 231	#A47CE7
83.3%	83.3% #986CE1	RGB 152 108 225	#986CE1
100.0%	100.0% #8D5EDB	RGB 141 94 219	#8D5EDB

#D8C0FF #CAAEF9 #BD9CF3 #B08CED #A47CE7 #986CE1 #8D5EDB

#D8C0FF - #B08CED - #8D5EDB

CSS-Codes

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

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