#DB9FDB - #FFE3D4 | 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 #DB9FDB mit #FFE3D4

#DB9FDB #FFE3D4

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

#DB9FDB - #FFE3D4 | 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 #DB9FDB als 0% und #FFE3D4 als 100%.

0.0%	0.0% #DB9FDB	RGB 219 159 219	#DB9FDB
16.7%	16.7% #E1AAD9	RGB 225 170 217	#E1AAD9
33.3%	33.3% #E7B5D8	RGB 231 181 216	#E7B5D8
50.0%	50.0% #EDC1D7	RGB 237 193 215	#EDC1D7
66.7%	66.7% #F3CCD6	RGB 243 204 214	#F3CCD6
83.3%	83.3% #F9D7D5	RGB 249 215 213	#F9D7D5
100.0%	100.0% #FFE3D4	RGB 255 227 212	#FFE3D4

#DB9FDB #E1AAD9 #E7B5D8 #EDC1D7 #F3CCD6 #F9D7D5 #FFE3D4

#DB9FDB - #FFE3D4

HSV-Mischung

#DB9FDB - #FFE3D4 | 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 #DB9FDB als 0% und #FFE3D4 als 100%.

0.0%	0.0% #DB9FDB	RGB 219 159 219	#DB9FDB
16.7%	16.7% #E1A7D4	RGB 225 167 212	#E1A7D4
33.3%	33.3% #E7AFCE	RGB 231 175 206	#E7AFCE
50.0%	50.0% #EDB8C9	RGB 237 184 201	#EDB8C9
66.7%	66.7% #F3C1C6	RGB 243 193 198	#F3C1C6
83.3%	83.3% #F9D0CA	RGB 249 208 202	#F9D0CA
100.0%	100.0% #FFE3D4	RGB 255 227 212	#FFE3D4

#DB9FDB #E1A7D4 #E7AFCE #EDB8C9 #F3C1C6 #F9D0CA #FFE3D4

#DB9FDB - #EDB8C9 - #FFE3D4

CSS-Codes

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

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