#DB5E8F - #FFBEAA | 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 #DB5E8F mit #FFBEAA

#DB5E8F #FFBEAA

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

#DB5E8F - #FFBEAA | 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 #DB5E8F als 0% und #FFBEAA als 100%.

0.0%	0.0% #DB5E8F	RGB 219 94 143	#DB5E8F
16.7%	16.7% #E16E93	RGB 225 110 147	#E16E93
33.3%	33.3% #E77E98	RGB 231 126 152	#E77E98
50.0%	50.0% #ED8E9C	RGB 237 142 156	#ED8E9C
66.7%	66.7% #F39EA1	RGB 243 158 161	#F39EA1
83.3%	83.3% #F9AEA5	RGB 249 174 165	#F9AEA5
100.0%	100.0% #FFBEAA	RGB 255 190 170	#FFBEAA

#DB5E8F #E16E93 #E77E98 #ED8E9C #F39EA1 #F9AEA5 #FFBEAA

#DB5E8F - #FFBEAA

HSV-Mischung

#DB5E8F - #FFBEAA | 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 #DB5E8F als 0% und #FFBEAA als 100%.

0.0%	0.0% #DB5E8E	RGB 219 94 142	#DB5E8E
16.7%	16.7% #E1698B	RGB 225 105 139	#E1698B
33.3%	33.3% #E7758A	RGB 231 117 138	#E7758A
50.0%	50.0% #ED818A	RGB 237 129 138	#ED818A
66.7%	66.7% #F3918E	RGB 243 145 142	#F3918E
83.3%	83.3% #F9A89C	RGB 249 168 156	#F9A89C
100.0%	100.0% #FFBEAA	RGB 255 190 170	#FFBEAA

#DB5E8E #E1698B #E7758A #ED818A #F3918E #F9A89C #FFBEAA

#DB5E8F - #ED818A - #FFBEAA

CSS-Codes

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

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