#EC5D5E - #FFB56C | 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 #EC5D5E mit #FFB56C

#EC5D5E #FFB56C

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

#EC5D5E - #FFB56C | 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 #EC5D5E als 0% und #FFB56C als 100%.

0.0%	0.0% #EC5D5E	RGB 236 93 94	#EC5D5E
16.7%	16.7% #EF6B60	RGB 239 107 96	#EF6B60
33.3%	33.3% #F27A62	RGB 242 122 98	#F27A62
50.0%	50.0% #F58965	RGB 245 137 101	#F58965
66.7%	66.7% #F89767	RGB 248 151 103	#F89767
83.3%	83.3% #FBA669	RGB 251 166 105	#FBA669
100.0%	100.0% #FFB56C	RGB 255 181 108	#FFB56C

#EC5D5E #EF6B60 #F27A62 #F58965 #F89767 #FBA669 #FFB56C

#EC5D5E - #FFB56C

HSV-Mischung

#EC5D5E - #FFB56C | 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 #EC5D5E als 0% und #FFB56C als 100%.

0.0%	0.0% #EC5D5E	RGB 236 93 94	#EC5D5E
16.7%	16.7% #EF6A5F	RGB 239 106 95	#EF6A5F
33.3%	33.3% #F27961	RGB 242 121 97	#F27961
50.0%	50.0% #F58764	RGB 245 135 100	#F58764
66.7%	66.7% #F89666	RGB 248 150 102	#F89666
83.3%	83.3% #FBA569	RGB 251 165 105	#FBA569
100.0%	100.0% #FFB56C	RGB 255 181 108	#FFB56C

#EC5D5E #EF6A5F #F27961 #F58764 #F89666 #FBA569 #FFB56C

#EC5D5E - #F58764 - #FFB56C

CSS-Codes

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

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