#CB2D5E - #FF846E | 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 #CB2D5E mit #FF846E

#CB2D5E #FF846E

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

#CB2D5E - #FF846E | 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 #CB2D5E als 0% und #FF846E als 100%.

0.0%	0.0% #CB2D5E	RGB 203 45 94	#CB2D5E
16.7%	16.7% #D33B60	RGB 211 59 96	#D33B60
33.3%	33.3% #DC4A63	RGB 220 74 99	#DC4A63
50.0%	50.0% #E55866	RGB 229 88 102	#E55866
66.7%	66.7% #ED6768	RGB 237 103 104	#ED6768
83.3%	83.3% #F6756B	RGB 246 117 107	#F6756B
100.0%	100.0% #FF846E	RGB 255 132 110	#FF846E

#CB2D5E #D33B60 #DC4A63 #E55866 #ED6768 #F6756B #FF846E

#CB2D5E - #FF846E

HSV-Mischung

#CB2D5E - #FF846E | 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 #CB2D5E als 0% und #FF846E als 100%.

0.0%	0.0% #CB2D5E	RGB 203 45 94	#CB2D5E
16.7%	16.7% #D3365B	RGB 211 54 91	#D3365B
33.3%	33.3% #DC4058	RGB 220 64 88	#DC4058
50.0%	50.0% #E54A56	RGB 229 74 86	#E54A56
66.7%	66.7% #ED5556	RGB 237 85 86	#ED5556
83.3%	83.3% #F66C61	RGB 246 108 97	#F66C61
100.0%	100.0% #FF846E	RGB 255 132 110	#FF846E

#CB2D5E #D3365B #DC4058 #E54A56 #ED5556 #F66C61 #FF846E

#CB2D5E - #E54A56 - #FF846E

CSS-Codes

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

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