#2D3C3C - #C3C7C7 | 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 #2D3C3C mit #C3C7C7

#2D3C3C #C3C7C7

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

#2D3C3C - #C3C7C7 | 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 #2D3C3C als 0% und #C3C7C7 als 100%.

0.0%	0.0% #2D3C3C	RGB 45 60 60	#2D3C3C
16.7%	16.7% #465353	RGB 70 83 83	#465353
33.3%	33.3% #5F6A6A	RGB 95 106 106	#5F6A6A
50.0%	50.0% #788181	RGB 120 129 129	#788181
66.7%	66.7% #919898	RGB 145 152 152	#919898
83.3%	83.3% #AAAFAF	RGB 170 175 175	#AAAFAF
100.0%	100.0% #C3C7C7	RGB 195 199 199	#C3C7C7

#2D3C3C #465353 #5F6A6A #788181 #919898 #AAAFAF #C3C7C7

#2D3C3C - #C3C7C7

HSV-Mischung

#2D3C3C - #C3C7C7 | 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 #2D3C3C als 0% und #C3C7C7 als 100%.

0.0%	0.0% #2D3C3C	RGB 45 60 60	#2D3C3C
16.7%	16.7% #415353	RGB 65 83 83	#415353
33.3%	33.3% #576A6A	RGB 87 106 106	#576A6A
50.0%	50.0% #708181	RGB 112 129 129	#708181
66.7%	66.7% #899898	RGB 137 152 152	#899898
83.3%	83.3% #A5AFAF	RGB 165 175 175	#A5AFAF
100.0%	100.0% #C3C7C7	RGB 195 199 199	#C3C7C7

#2D3C3C #415353 #576A6A #708181 #899898 #A5AFAF #C3C7C7

#2D3C3C - #708181 - #C3C7C7

CSS-Codes

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

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