#EC2B5B - #F9C2D0 | 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 #EC2B5B mit #F9C2D0

#EC2B5B #F9C2D0

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

#EC2B5B - #F9C2D0 | 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 #EC2B5B als 0% und #F9C2D0 als 100%.

0.0%	0.0% #EC2B5B	RGB 236 43 91	#EC2B5B
16.7%	16.7% #EE446E	RGB 238 68 110	#EE446E
33.3%	33.3% #F05D82	RGB 240 93 130	#F05D82
50.0%	50.0% #F27695	RGB 242 118 149	#F27695
66.7%	66.7% #F48FA9	RGB 244 143 169	#F48FA9
83.3%	83.3% #F6A8BC	RGB 246 168 188	#F6A8BC
100.0%	100.0% #F9C2D0	RGB 249 194 208	#F9C2D0

#EC2B5B #EE446E #F05D82 #F27695 #F48FA9 #F6A8BC #F9C2D0

#EC2B5B - #F9C2D0

HSV-Mischung

#EC2B5B - #F9C2D0 | 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 #EC2B5B als 0% und #F9C2D0 als 100%.

0.0%	0.0% #EC2B5B	RGB 236 43 91	#EC2B5B
16.7%	16.7% #EE436D	RGB 238 67 109	#EE436D
33.3%	33.3% #F05B80	RGB 240 91 128	#F05B80
50.0%	50.0% #F27494	RGB 242 116 148	#F27494
66.7%	66.7% #F48DA7	RGB 244 141 167	#F48DA7
83.3%	83.3% #F6A7BB	RGB 246 167 187	#F6A7BB
100.0%	100.0% #F9C2D0	RGB 249 194 208	#F9C2D0

#EC2B5B #EE436D #F05B80 #F27494 #F48DA7 #F6A7BB #F9C2D0

#EC2B5B - #F27494 - #F9C2D0

CSS-Codes

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

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