#FF91AC - #CD2C5E | 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 #FF91AC mit #CD2C5E

#FF91AC #CD2C5E

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

#FF91AC - #CD2C5E | 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 #FF91AC als 0% und #CD2C5E als 100%.

0.0%	0.0% #FF91AC	RGB 255 145 172	#FF91AC
16.7%	16.7% #F6809F	RGB 246 128 159	#F6809F
33.3%	33.3% #EE6F92	RGB 238 111 146	#EE6F92
50.0%	50.0% #E65E85	RGB 230 94 133	#E65E85
66.7%	66.7% #DD4D78	RGB 221 77 120	#DD4D78
83.3%	83.3% #D53C6B	RGB 213 60 107	#D53C6B
100.0%	100.0% #CD2C5E	RGB 205 44 94	#CD2C5E

#FF91AC #F6809F #EE6F92 #E65E85 #DD4D78 #D53C6B #CD2C5E

#FF91AC - #CD2C5E

HSV-Mischung

#FF91AC - #CD2C5E | 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 #FF91AC als 0% und #CD2C5E als 100%.

0.0%	0.0% #FF91AC	RGB 255 145 172	#FF91AC
16.7%	16.7% #F67D9C	RGB 246 125 156	#F67D9C
33.3%	33.3% #EE6B8E	RGB 238 107 142	#EE6B8E
50.0%	50.0% #E65A80	RGB 230 90 128	#E65A80
66.7%	66.7% #DD4974	RGB 221 73 116	#DD4974
83.3%	83.3% #D53A68	RGB 213 58 104	#D53A68
100.0%	100.0% #CD2C5E	RGB 205 44 94	#CD2C5E

#FF91AC #F67D9C #EE6B8E #E65A80 #DD4974 #D53A68 #CD2C5E

#FF91AC - #E65A80 - #CD2C5E

CSS-Codes

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

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