#E5E38C - #FFF1AF | 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 #E5E38C mit #FFF1AF

#E5E38C #FFF1AF

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

#E5E38C - #FFF1AF | 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 #E5E38C als 0% und #FFF1AF als 100%.

0.0%	0.0% #E5E38C	RGB 229 227 140	#E5E38C
16.7%	16.7% #E9E591	RGB 233 229 145	#E9E591
33.3%	33.3% #EDE797	RGB 237 231 151	#EDE797
50.0%	50.0% #F2EA9D	RGB 242 234 157	#F2EA9D
66.7%	66.7% #F6ECA3	RGB 246 236 163	#F6ECA3
83.3%	83.3% #FAEEA9	RGB 250 238 169	#FAEEA9
100.0%	100.0% #FFF1AF	RGB 255 241 175	#FFF1AF

#E5E38C #E9E591 #EDE797 #F2EA9D #F6ECA3 #FAEEA9 #FFF1AF

#E5E38C - #FFF1AF

HSV-Mischung

#E5E38C - #FFF1AF | 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 #E5E38C als 0% und #FFF1AF als 100%.

0.0%	0.0% #E5E38C	RGB 229 227 140	#E5E38C
16.7%	16.7% #E9E591	RGB 233 229 145	#E9E591
33.3%	33.3% #EDE797	RGB 237 231 151	#EDE797
50.0%	50.0% #F2E99D	RGB 242 233 157	#F2E99D
66.7%	66.7% #F6EBA2	RGB 246 235 162	#F6EBA2
83.3%	83.3% #FAEEA8	RGB 250 238 168	#FAEEA8
100.0%	100.0% #FFF1AF	RGB 255 241 175	#FFF1AF

#E5E38C #E9E591 #EDE797 #F2E99D #F6EBA2 #FAEEA8 #FFF1AF

#E5E38C - #F2E99D - #FFF1AF

CSS-Codes

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

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