#5E828A - #CEC3AC | 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 #5E828A mit #CEC3AC

#5E828A #CEC3AC

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

#5E828A - #CEC3AC | 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 #5E828A als 0% und #CEC3AC als 100%.

0.0%	0.0% #5E828A	RGB 94 130 138	#5E828A
16.7%	16.7% #708C8F	RGB 112 140 143	#708C8F
33.3%	33.3% #839795	RGB 131 151 149	#839795
50.0%	50.0% #96A29B	RGB 150 162 155	#96A29B
66.7%	66.7% #A8ADA0	RGB 168 173 160	#A8ADA0
83.3%	83.3% #BBB8A6	RGB 187 184 166	#BBB8A6
100.0%	100.0% #CEC3AC	RGB 206 195 172	#CEC3AC

#5E828A #708C8F #839795 #96A29B #A8ADA0 #BBB8A6 #CEC3AC

#5E828A - #CEC3AC

HSV-Mischung

#5E828A - #CEC3AC | 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 #5E828A als 0% und #CEC3AC als 100%.

0.0%	0.0% #5E828A	RGB 94 130 138	#5E828A
16.7%	16.7% #69958B	RGB 105 149 139	#69958B
33.3%	33.3% #75A084	RGB 117 160 132	#75A084
50.0%	50.0% #85AC82	RGB 133 172 130	#85AC82
66.7%	66.7% #A3B78F	RGB 163 183 143	#A3B78F
83.3%	83.3% #BFC29D	RGB 191 194 157	#BFC29D
100.0%	100.0% #CEC3AC	RGB 206 195 172	#CEC3AC

#5E828A #69958B #75A084 #85AC82 #A3B78F #BFC29D #CEC3AC

#5E828A - #85AC82 - #CEC3AC

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E828A 0%, #85AC82 50%, #CEC3AC 100%);
    background: -webkit-linear-gradient(top, #5E828A 0%, #85AC82 50%, #CEC3AC 100%);
    background: linear-gradient(to bottom, #5E828A 0%, #85AC82 50%, #CEC3AC 100%);
}
</style>