#DBC2FF - #8D59CE | 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 #DBC2FF mit #8D59CE

#DBC2FF #8D59CE

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

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

0.0%	0.0% #DBC2FF	RGB 219 194 255	#DBC2FF
16.7%	16.7% #CEB0F6	RGB 206 176 246	#CEB0F6
33.3%	33.3% #C19FEE	RGB 193 159 238	#C19FEE
50.0%	50.0% #B48DE6	RGB 180 141 230	#B48DE6
66.7%	66.7% #A77CDE	RGB 167 124 222	#A77CDE
83.3%	83.3% #9A6AD6	RGB 154 106 214	#9A6AD6
100.0%	100.0% #8D59CE	RGB 141 89 206	#8D59CE

#DBC2FF #CEB0F6 #C19FEE #B48DE6 #A77CDE #9A6AD6 #8D59CE

#DBC2FF - #8D59CE

HSV-Mischung

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

0.0%	0.0% #DBC2FF	RGB 219 194 255	#DBC2FF
16.7%	16.7% #CCAEF6	RGB 204 174 246	#CCAEF6
33.3%	33.3% #BE9BEE	RGB 190 155 238	#BE9BEE
50.0%	50.0% #B189E6	RGB 177 137 230	#B189E6
66.7%	66.7% #A478DE	RGB 164 120 222	#A478DE
83.3%	83.3% #9868D6	RGB 152 104 214	#9868D6
100.0%	100.0% #8D59CE	RGB 141 89 206	#8D59CE

#DBC2FF #CCAEF6 #BE9BEE #B189E6 #A478DE #9868D6 #8D59CE

#DBC2FF - #B189E6 - #8D59CE

CSS-Codes

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

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