#EB6D9D - #FFD0BA | 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 #EB6D9D mit #FFD0BA

#EB6D9D #FFD0BA

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

#EB6D9D - #FFD0BA | 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 #EB6D9D als 0% und #FFD0BA als 100%.

0.0%	0.0% #EB6D9D	RGB 235 109 157	#EB6D9D
16.7%	16.7% #EE7DA1	RGB 238 125 161	#EE7DA1
33.3%	33.3% #F18EA6	RGB 241 142 166	#F18EA6
50.0%	50.0% #F59EAB	RGB 245 158 171	#F59EAB
66.7%	66.7% #F8AFB0	RGB 248 175 176	#F8AFB0
83.3%	83.3% #FBBFB5	RGB 251 191 181	#FBBFB5
100.0%	100.0% #FFD0BA	RGB 255 208 186	#FFD0BA

#EB6D9D #EE7DA1 #F18EA6 #F59EAB #F8AFB0 #FBBFB5 #FFD0BA

#EB6D9D - #FFD0BA

HSV-Mischung

#EB6D9D - #FFD0BA | 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 #EB6D9D als 0% und #FFD0BA als 100%.

0.0%	0.0% #EB6D9D	RGB 235 109 157	#EB6D9D
16.7%	16.7% #EE7998	RGB 238 121 152	#EE7998
33.3%	33.3% #F18595	RGB 241 133 149	#F18595
50.0%	50.0% #F59295	RGB 245 146 149	#F59295
66.7%	66.7% #F8A69F	RGB 248 166 159	#F8A69F
83.3%	83.3% #FBBCAC	RGB 251 188 172	#FBBCAC
100.0%	100.0% #FFD0BA	RGB 255 208 186	#FFD0BA

#EB6D9D #EE7998 #F18595 #F59295 #F8A69F #FBBCAC #FFD0BA

#EB6D9D - #F59295 - #FFD0BA

CSS-Codes

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

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