#ECEBEB - #DBBDA4 | 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 #ECEBEB mit #DBBDA4

#ECEBEB #DBBDA4

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

#ECEBEB - #DBBDA4 | 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 #ECEBEB als 0% und #DBBDA4 als 100%.

0.0%	0.0% #ECEBEB	RGB 236 235 235	#ECEBEB
16.7%	16.7% #E9E3DF	RGB 233 227 223	#E9E3DF
33.3%	33.3% #E6DBD3	RGB 230 219 211	#E6DBD3
50.0%	50.0% #E3D4C7	RGB 227 212 199	#E3D4C7
66.7%	66.7% #E0CCBB	RGB 224 204 187	#E0CCBB
83.3%	83.3% #DDC4AF	RGB 221 196 175	#DDC4AF
100.0%	100.0% #DBBDA4	RGB 219 189 164	#DBBDA4

#ECEBEB #E9E3DF #E6DBD3 #E3D4C7 #E0CCBB #DDC4AF #DBBDA4

#ECEBEB - #DBBDA4

HSV-Mischung

#ECEBEB - #DBBDA4 | 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 #ECEBEB als 0% und #DBBDA4 als 100%.

0.0%	0.0% #ECEBEB	RGB 236 235 235	#ECEBEB
16.7%	16.7% #E9DFDE	RGB 233 223 222	#E9DFDE
33.3%	33.3% #E6D5D2	RGB 230 213 210	#E6D5D2
50.0%	50.0% #E3CDC6	RGB 227 205 198	#E3CDC6
66.7%	66.7% #E0C6BA	RGB 224 198 186	#E0C6BA
83.3%	83.3% #DDC0AF	RGB 221 192 175	#DDC0AF
100.0%	100.0% #DBBDA4	RGB 219 189 164	#DBBDA4

#ECEBEB #E9DFDE #E6D5D2 #E3CDC6 #E0C6BA #DDC0AF #DBBDA4

#ECEBEB - #E3CDC6 - #DBBDA4

CSS-Codes

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

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