#EDA8F7 - #D151E6 | 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 #EDA8F7 mit #D151E6

#EDA8F7 #D151E6

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

#EDA8F7 - #D151E6 | 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 #EDA8F7 als 0% und #D151E6 als 100%.

0.0%	0.0% #EDA8F7	RGB 237 168 247	#EDA8F7
16.7%	16.7% #E899F4	RGB 232 153 244	#E899F4
33.3%	33.3% #E38BF1	RGB 227 139 241	#E38BF1
50.0%	50.0% #DF7CEE	RGB 223 124 238	#DF7CEE
66.7%	66.7% #DA6EEB	RGB 218 110 235	#DA6EEB
83.3%	83.3% #D55FE8	RGB 213 95 232	#D55FE8
100.0%	100.0% #D151E6	RGB 209 81 230	#D151E6

#EDA8F7 #E899F4 #E38BF1 #DF7CEE #DA6EEB #D55FE8 #D151E6

#EDA8F7 - #D151E6

HSV-Mischung

#EDA8F7 - #D151E6 | 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 #EDA8F7 als 0% und #D151E6 als 100%.

0.0%	0.0% #EDA8F7	RGB 237 168 247	#EDA8F7
16.7%	16.7% #E898F4	RGB 232 152 244	#E898F4
33.3%	33.3% #E389F1	RGB 227 137 241	#E389F1
50.0%	50.0% #DF7BEE	RGB 223 123 238	#DF7BEE
66.7%	66.7% #DA6CEB	RGB 218 108 235	#DA6CEB
83.3%	83.3% #D55EE8	RGB 213 94 232	#D55EE8
100.0%	100.0% #D151E6	RGB 209 81 230	#D151E6

#EDA8F7 #E898F4 #E389F1 #DF7BEE #DA6CEB #D55EE8 #D151E6

#EDA8F7 - #DF7BEE - #D151E6

CSS-Codes

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

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