#3C5E3D - #8ACECE | 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 #3C5E3D mit #8ACECE

#3C5E3D #8ACECE

Berechnen Sie die Farbe zwischen zwei Farben, #3C5E3D und #8ACECE. 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)

#3C5E3D - #8ACECE | 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 #3C5E3D als 0% und #8ACECE als 100%.

0.0%	0.0% #3C5E3D	RGB 60 94 61	#3C5E3D
16.7%	16.7% #497055	RGB 73 112 85	#497055
33.3%	33.3% #56836D	RGB 86 131 109	#56836D
50.0%	50.0% #639685	RGB 99 150 133	#639685
66.7%	66.7% #70A89D	RGB 112 168 157	#70A89D
83.3%	83.3% #7DBBB5	RGB 125 187 181	#7DBBB5
100.0%	100.0% #8ACECE	RGB 138 206 206	#8ACECE

#3C5E3D #497055 #56836D #639685 #70A89D #7DBBB5 #8ACECE

#3C5E3D - #8ACECE

HSV-Mischung

#3C5E3D - #8ACECE | 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 #3C5E3D als 0% und #8ACECE als 100%.

0.0%	0.0% #3C5E3D	RGB 60 94 61	#3C5E3D
16.7%	16.7% #487050	RGB 72 112 80	#487050
33.3%	33.3% #558365	RGB 85 131 101	#558365
50.0%	50.0% #62967C	RGB 98 150 124	#62967C
66.7%	66.7% #6FA896	RGB 111 168 150	#6FA896
83.3%	83.3% #7CBBB1	RGB 124 187 177	#7CBBB1
100.0%	100.0% #8ACECE	RGB 138 206 206	#8ACECE

#3C5E3D #487050 #558365 #62967C #6FA896 #7CBBB1 #8ACECE

#3C5E3D - #62967C - #8ACECE

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3C5E3D 0%, #62967C 50%, #8ACECE 100%);
    background: -webkit-linear-gradient(top, #3C5E3D 0%, #62967C 50%, #8ACECE 100%);
    background: linear-gradient(to bottom, #3C5E3D 0%, #62967C 50%, #8ACECE 100%);
}
</style>