#D3C5E3 - #FFF8FA | 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 #D3C5E3 mit #FFF8FA

#D3C5E3 #FFF8FA

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

#D3C5E3 - #FFF8FA | 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 #D3C5E3 als 0% und #FFF8FA als 100%.

0.0%	0.0% #D3C5E3	RGB 211 197 227	#D3C5E3
16.7%	16.7% #DACDE6	RGB 218 205 230	#DACDE6
33.3%	33.3% #E1D6EA	RGB 225 214 234	#E1D6EA
50.0%	50.0% #E9DEEE	RGB 233 222 238	#E9DEEE
66.7%	66.7% #F0E7F2	RGB 240 231 242	#F0E7F2
83.3%	83.3% #F7EFF6	RGB 247 239 246	#F7EFF6
100.0%	100.0% #FFF8FA	RGB 255 248 250	#FFF8FA

#D3C5E3 #DACDE6 #E1D6EA #E9DEEE #F0E7F2 #F7EFF6 #FFF8FA

#D3C5E3 - #FFF8FA

HSV-Mischung

#D3C5E3 - #FFF8FA | 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 #D3C5E3 als 0% und #FFF8FA als 100%.

0.0%	0.0% #D3C5E3	RGB 211 197 227	#D3C5E3
16.7%	16.7% #DFCDE7	RGB 223 205 231	#DFCDE7
33.3%	33.3% #E9D5EC	RGB 233 213 236	#E9D5EC
50.0%	50.0% #F1DDEF	RGB 241 221 239	#F1DDEF
66.7%	66.7% #F5E6F1	RGB 245 230 241	#F5E6F1
83.3%	83.3% #FAEFF4	RGB 250 239 244	#FAEFF4
100.0%	100.0% #FFF8FA	RGB 255 248 250	#FFF8FA

#D3C5E3 #DFCDE7 #E9D5EC #F1DDEF #F5E6F1 #FAEFF4 #FFF8FA

#D3C5E3 - #F1DDEF - #FFF8FA

CSS-Codes

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

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