#E5E3E7 - #AD99CA | 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 #E5E3E7 mit #AD99CA

#E5E3E7 #AD99CA

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

#E5E3E7 - #AD99CA | 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 #E5E3E7 als 0% und #AD99CA als 100%.

0.0%	0.0% #E5E3E7	RGB 229 227 231	#E5E3E7
16.7%	16.7% #DBD6E2	RGB 219 214 226	#DBD6E2
33.3%	33.3% #D2CADD	RGB 210 202 221	#D2CADD
50.0%	50.0% #C9BED8	RGB 201 190 216	#C9BED8
66.7%	66.7% #BFB1D3	RGB 191 177 211	#BFB1D3
83.3%	83.3% #B6A5CE	RGB 182 165 206	#B6A5CE
100.0%	100.0% #AD99CA	RGB 173 153 202	#AD99CA

#E5E3E7 #DBD6E2 #D2CADD #C9BED8 #BFB1D3 #B6A5CE #AD99CA

#E5E3E7 - #AD99CA

HSV-Mischung

#E5E3E7 - #AD99CA | 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 #E5E3E7 als 0% und #AD99CA als 100%.

0.0%	0.0% #E5E3E7	RGB 229 227 231	#E5E3E7
16.7%	16.7% #DBD5E2	RGB 219 213 226	#DBD5E2
33.3%	33.3% #D2C8DD	RGB 210 200 221	#D2C8DD
50.0%	50.0% #C9BCD8	RGB 201 188 216	#C9BCD8
66.7%	66.7% #BFB0D3	RGB 191 176 211	#BFB0D3
83.3%	83.3% #B6A4CE	RGB 182 164 206	#B6A4CE
100.0%	100.0% #AD99CA	RGB 173 153 202	#AD99CA

#E5E3E7 #DBD5E2 #D2C8DD #C9BCD8 #BFB0D3 #B6A4CE #AD99CA

#E5E3E7 - #C9BCD8 - #AD99CA

CSS-Codes

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

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