#DDD4CE - #EED4DF | 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 #DDD4CE mit #EED4DF

#DDD4CE #EED4DF

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

#DDD4CE - #EED4DF | 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 #DDD4CE als 0% und #EED4DF als 100%.

0.0%	0.0% #DDD4CE	RGB 221 212 206	#DDD4CE
16.7%	16.7% #DFD4D0	RGB 223 212 208	#DFD4D0
33.3%	33.3% #E2D4D3	RGB 226 212 211	#E2D4D3
50.0%	50.0% #E5D4D6	RGB 229 212 214	#E5D4D6
66.7%	66.7% #E8D4D9	RGB 232 212 217	#E8D4D9
83.3%	83.3% #EBD4DC	RGB 235 212 220	#EBD4DC
100.0%	100.0% #EED4DF	RGB 238 212 223	#EED4DF

#DDD4CE #DFD4D0 #E2D4D3 #E5D4D6 #E8D4D9 #EBD4DC #EED4DF

#DDD4CE - #EED4DF

HSV-Mischung

#DDD4CE - #EED4DF | 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 #DDD4CE als 0% und #EED4DF als 100%.

0.0%	0.0% #DDD4CE	RGB 221 212 206	#DDD4CE
16.7%	16.7% #DFD3CF	RGB 223 211 207	#DFD3CF
33.3%	33.3% #E2D2D0	RGB 226 210 208	#E2D2D0
50.0%	50.0% #E5D1D1	RGB 229 209 209	#E5D1D1
66.7%	66.7% #E8D2D5	RGB 232 210 213	#E8D2D5
83.3%	83.3% #EBD3D9	RGB 235 211 217	#EBD3D9
100.0%	100.0% #EED4DF	RGB 238 212 223	#EED4DF

#DDD4CE #DFD3CF #E2D2D0 #E5D1D1 #E8D2D5 #EBD3D9 #EED4DF

#DDD4CE - #E5D1D1 - #EED4DF

CSS-Codes

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

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