#2D935C - #C5E081 | 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 #2D935C mit #C5E081

#2D935C #C5E081

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

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

0.0%	0.0% #2D935C	RGB 45 147 92	#2D935C
16.7%	16.7% #469F62	RGB 70 159 98	#469F62
33.3%	33.3% #5FAC68	RGB 95 172 104	#5FAC68
50.0%	50.0% #79B96E	RGB 121 185 110	#79B96E
66.7%	66.7% #92C674	RGB 146 198 116	#92C674
83.3%	83.3% #ABD37A	RGB 171 211 122	#ABD37A
100.0%	100.0% #C5E081	RGB 197 224 129	#C5E081

#2D935C #469F62 #5FAC68 #79B96E #92C674 #ABD37A #C5E081

#2D935C - #C5E081

HSV-Mischung

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

0.0%	0.0% #2C935B	RGB 44 147 91	#2C935B
16.7%	16.7% #389F53	RGB 56 159 83	#389F53
33.3%	33.3% #44AC4B	RGB 68 172 75	#44AC4B
50.0%	50.0% #5FB951	RGB 95 185 81	#5FB951
66.7%	66.7% #81C660	RGB 129 198 96	#81C660
83.3%	83.3% #A3D370	RGB 163 211 112	#A3D370
100.0%	100.0% #C5E081	RGB 197 224 129	#C5E081

#2C935B #389F53 #44AC4B #5FB951 #81C660 #A3D370 #C5E081

#2D935C - #5FB951 - #C5E081

CSS-Codes

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

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