#CEC8C8 - #995E5E | 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 #CEC8C8 mit #995E5E

#CEC8C8 #995E5E

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

#CEC8C8 - #995E5E | 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 #CEC8C8 als 0% und #995E5E als 100%.

0.0%	0.0% #CEC8C8	RGB 206 200 200	#CEC8C8
16.7%	16.7% #C5B6B6	RGB 197 182 182	#C5B6B6
33.3%	33.3% #BCA4A4	RGB 188 164 164	#BCA4A4
50.0%	50.0% #B39393	RGB 179 147 147	#B39393
66.7%	66.7% #AA8181	RGB 170 129 129	#AA8181
83.3%	83.3% #A16F6F	RGB 161 111 111	#A16F6F
100.0%	100.0% #995E5E	RGB 153 94 94	#995E5E

#CEC8C8 #C5B6B6 #BCA4A4 #B39393 #AA8181 #A16F6F #995E5E

#CEC8C8 - #995E5E

HSV-Mischung

#CEC8C8 - #995E5E | 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 #CEC8C8 als 0% und #995E5E als 100%.

0.0%	0.0% #CEC8C8	RGB 206 200 200	#CEC8C8
16.7%	16.7% #C5B3B3	RGB 197 179 179	#C5B3B3
33.3%	33.3% #BCA0A0	RGB 188 160 160	#BCA0A0
50.0%	50.0% #B38E8E	RGB 179 142 142	#B38E8E
66.7%	66.7% #AA7D7D	RGB 170 125 125	#AA7D7D
83.3%	83.3% #A16D6D	RGB 161 109 109	#A16D6D
100.0%	100.0% #995E5E	RGB 153 94 94	#995E5E

#CEC8C8 #C5B3B3 #BCA0A0 #B38E8E #AA7D7D #A16D6D #995E5E

#CEC8C8 - #B38E8E - #995E5E

CSS-Codes

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

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