#CD2D3C - #FF7A3E | 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 #CD2D3C mit #FF7A3E

#CD2D3C #FF7A3E

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

#CD2D3C - #FF7A3E | 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 #CD2D3C als 0% und #FF7A3E als 100%.

0.0%	0.0% #CD2D3C	RGB 205 45 60	#CD2D3C
16.7%	16.7% #D5393C	RGB 213 57 60	#D5393C
33.3%	33.3% #DD463C	RGB 221 70 60	#DD463C
50.0%	50.0% #E6533D	RGB 230 83 61	#E6533D
66.7%	66.7% #EE603D	RGB 238 96 61	#EE603D
83.3%	83.3% #F66D3D	RGB 246 109 61	#F66D3D
100.0%	100.0% #FF7A3E	RGB 255 122 62	#FF7A3E

#CD2D3C #D5393C #DD463C #E6533D #EE603D #F66D3D #FF7A3E

#CD2D3C - #FF7A3E

HSV-Mischung

#CD2D3C - #FF7A3E | 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 #CD2D3C als 0% und #FF7A3E als 100%.

0.0%	0.0% #CD2C3C	RGB 205 44 60	#CD2C3C
16.7%	16.7% #D52F34	RGB 213 47 52	#D52F34
33.3%	33.3% #DD3932	RGB 221 57 50	#DD3932
50.0%	50.0% #E64835	RGB 230 72 53	#E64835
66.7%	66.7% #EE5838	RGB 238 88 56	#EE5838
83.3%	83.3% #F6683B	RGB 246 104 59	#F6683B
100.0%	100.0% #FF7A3E	RGB 255 122 62	#FF7A3E

#CD2C3C #D52F34 #DD3932 #E64835 #EE5838 #F6683B #FF7A3E

#CD2D3C - #E64835 - #FF7A3E

CSS-Codes

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

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