#ECEBAB - #CDC455 | 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 #ECEBAB mit #CDC455

#ECEBAB #CDC455

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

#ECEBAB - #CDC455 | 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 #ECEBAB als 0% und #CDC455 als 100%.

0.0%	0.0% #ECEBAB	RGB 236 235 171	#ECEBAB
16.7%	16.7% #E6E49C	RGB 230 228 156	#E6E49C
33.3%	33.3% #E1DE8E	RGB 225 222 142	#E1DE8E
50.0%	50.0% #DCD780	RGB 220 215 128	#DCD780
66.7%	66.7% #D7D171	RGB 215 209 113	#D7D171
83.3%	83.3% #D2CA63	RGB 210 202 99	#D2CA63
100.0%	100.0% #CDC455	RGB 205 196 85	#CDC455

#ECEBAB #E6E49C #E1DE8E #DCD780 #D7D171 #D2CA63 #CDC455

#ECEBAB - #CDC455

HSV-Mischung

#ECEBAB - #CDC455 | 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 #ECEBAB als 0% und #CDC455 als 100%.

0.0%	0.0% #ECEBAB	RGB 236 235 171	#ECEBAB
16.7%	16.7% #E6E49B	RGB 230 228 155	#E6E49B
33.3%	33.3% #E1DE8C	RGB 225 222 140	#E1DE8C
50.0%	50.0% #DCD87D	RGB 220 216 125	#DCD87D
66.7%	66.7% #D7D16F	RGB 215 209 111	#D7D16F
83.3%	83.3% #D2CA61	RGB 210 202 97	#D2CA61
100.0%	100.0% #CDC455	RGB 205 196 85	#CDC455

#ECEBAB #E6E49B #E1DE8C #DCD87D #D7D16F #D2CA61 #CDC455

#ECEBAB - #DCD87D - #CDC455

CSS-Codes

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

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