#DBA2FF - #FEECF7 | 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 #DBA2FF mit #FEECF7

#DBA2FF #FEECF7

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

#DBA2FF - #FEECF7 | 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 #DBA2FF als 0% und #FEECF7 als 100%.

0.0%	0.0% #DBA2FF	RGB 219 162 255	#DBA2FF
16.7%	16.7% #E0AEFD	RGB 224 174 253	#E0AEFD
33.3%	33.3% #E6BAFC	RGB 230 186 252	#E6BAFC
50.0%	50.0% #ECC7FB	RGB 236 199 251	#ECC7FB
66.7%	66.7% #F2D3F9	RGB 242 211 249	#F2D3F9
83.3%	83.3% #F8DFF8	RGB 248 223 248	#F8DFF8
100.0%	100.0% #FEECF7	RGB 254 236 247	#FEECF7

#DBA2FF #E0AEFD #E6BAFC #ECC7FB #F2D3F9 #F8DFF8 #FEECF7

#DBA2FF - #FEECF7

HSV-Mischung

#DBA2FF - #FEECF7 | 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 #DBA2FF als 0% und #FEECF7 als 100%.

0.0%	0.0% #DBA2FF	RGB 219 162 255	#DBA2FF
16.7%	16.7% #EAAEFE	RGB 234 174 254	#EAAEFE
33.3%	33.3% #F5BAFE	RGB 245 186 254	#F5BAFE
50.0%	50.0% #FEC7FE	RGB 254 199 254	#FEC7FE
66.7%	66.7% #FED3F8	RGB 254 211 248	#FED3F8
83.3%	83.3% #FEDFF6	RGB 254 223 246	#FEDFF6
100.0%	100.0% #FEECF7	RGB 254 236 247	#FEECF7

#DBA2FF #EAAEFE #F5BAFE #FEC7FE #FED3F8 #FEDFF6 #FEECF7

#DBA2FF - #FEC7FE - #FEECF7

CSS-Codes

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

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