#DAB5E7 - #FFEBDD | 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 #DAB5E7 mit #FFEBDD

#DAB5E7 #FFEBDD

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

#DAB5E7 - #FFEBDD | 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 #DAB5E7 als 0% und #FFEBDD als 100%.

0.0%	0.0% #DAB5E7	RGB 218 181 231	#DAB5E7
16.7%	16.7% #E0BEE5	RGB 224 190 229	#E0BEE5
33.3%	33.3% #E6C7E3	RGB 230 199 227	#E6C7E3
50.0%	50.0% #ECD0E2	RGB 236 208 226	#ECD0E2
66.7%	66.7% #F2D9E0	RGB 242 217 224	#F2D9E0
83.3%	83.3% #F8E2DE	RGB 248 226 222	#F8E2DE
100.0%	100.0% #FFEBDD	RGB 255 235 221	#FFEBDD

#DAB5E7 #E0BEE5 #E6C7E3 #ECD0E2 #F2D9E0 #F8E2DE #FFEBDD

#DAB5E7 - #FFEBDD

HSV-Mischung

#DAB5E7 - #FFEBDD | 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 #DAB5E7 als 0% und #FFEBDD als 100%.

0.0%	0.0% #DAB5E7	RGB 218 181 231	#DAB5E7
16.7%	16.7% #EBBBEA	RGB 235 187 234	#EBBBEA
33.3%	33.3% #EFC1E1	RGB 239 193 225	#EFC1E1
50.0%	50.0% #F3C8DA	RGB 243 200 218	#F3C8DA
66.7%	66.7% #F7CFD5	RGB 247 207 213	#F7CFD5
83.3%	83.3% #FBDAD6	RGB 251 218 214	#FBDAD6
100.0%	100.0% #FFEBDD	RGB 255 235 221	#FFEBDD

#DAB5E7 #EBBBEA #EFC1E1 #F3C8DA #F7CFD5 #FBDAD6 #FFEBDD

#DAB5E7 - #F3C8DA - #FFEBDD

CSS-Codes

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

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