#BEAFAD - #ECE7E7 | 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 #BEAFAD mit #ECE7E7

#BEAFAD #ECE7E7

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

#BEAFAD - #ECE7E7 | 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 #BEAFAD als 0% und #ECE7E7 als 100%.

0.0%	0.0% #BEAFAD	RGB 190 175 173	#BEAFAD
16.7%	16.7% #C5B8B6	RGB 197 184 182	#C5B8B6
33.3%	33.3% #CDC1C0	RGB 205 193 192	#CDC1C0
50.0%	50.0% #D5CBCA	RGB 213 203 202	#D5CBCA
66.7%	66.7% #DCD4D3	RGB 220 212 211	#DCD4D3
83.3%	83.3% #E4DDDD	RGB 228 221 221	#E4DDDD
100.0%	100.0% #ECE7E7	RGB 236 231 231	#ECE7E7

#BEAFAD #C5B8B6 #CDC1C0 #D5CBCA #DCD4D3 #E4DDDD #ECE7E7

#BEAFAD - #ECE7E7

HSV-Mischung

#BEAFAD - #ECE7E7 | 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 #BEAFAD als 0% und #ECE7E7 als 100%.

0.0%	0.0% #BEAFAD	RGB 190 175 173	#BEAFAD
16.7%	16.7% #C5B7B6	RGB 197 183 182	#C5B7B6
33.3%	33.3% #CDC0BF	RGB 205 192 191	#CDC0BF
50.0%	50.0% #D5C9C9	RGB 213 201 201	#D5C9C9
66.7%	66.7% #DCD3D2	RGB 220 211 210	#DCD3D2
83.3%	83.3% #E4DDDC	RGB 228 221 220	#E4DDDC
100.0%	100.0% #ECE7E7	RGB 236 231 231	#ECE7E7

#BEAFAD #C5B7B6 #CDC0BF #D5C9C9 #DCD3D2 #E4DDDC #ECE7E7

#BEAFAD - #D5C9C9 - #ECE7E7

CSS-Codes

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

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