#C92D2D - #FF7B38 | 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 #C92D2D mit #FF7B38

#C92D2D #FF7B38

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

#C92D2D - #FF7B38 | 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 #C92D2D als 0% und #FF7B38 als 100%.

0.0%	0.0% #C92D2D	RGB 201 45 45	#C92D2D
16.7%	16.7% #D23A2E	RGB 210 58 46	#D23A2E
33.3%	33.3% #DB4730	RGB 219 71 48	#DB4730
50.0%	50.0% #E45432	RGB 228 84 50	#E45432
66.7%	66.7% #ED6134	RGB 237 97 52	#ED6134
83.3%	83.3% #F66E36	RGB 246 110 54	#F66E36
100.0%	100.0% #FF7B38	RGB 255 123 56	#FF7B38

#C92D2D #D23A2E #DB4730 #E45432 #ED6134 #F66E36 #FF7B38

#C92D2D - #FF7B38

HSV-Mischung

#C92D2D - #FF7B38 | 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 #C92D2D als 0% und #FF7B38 als 100%.

0.0%	0.0% #C92D2D	RGB 201 45 45	#C92D2D
16.7%	16.7% #D2382E	RGB 210 56 46	#D2382E
33.3%	33.3% #DB4330	RGB 219 67 48	#DB4330
50.0%	50.0% #E45032	RGB 228 80 50	#E45032
66.7%	66.7% #ED5D34	RGB 237 93 52	#ED5D34
83.3%	83.3% #F66C36	RGB 246 108 54	#F66C36
100.0%	100.0% #FF7B38	RGB 255 123 56	#FF7B38

#C92D2D #D2382E #DB4330 #E45032 #ED5D34 #F66C36 #FF7B38

#C92D2D - #E45032 - #FF7B38

CSS-Codes

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

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