#585753 - #CFCFCD | 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 #585753 mit #CFCFCD

#585753 #CFCFCD

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

#585753 - #CFCFCD | 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 #585753 als 0% und #CFCFCD als 100%.

0.0%	0.0% #585753	RGB 88 87 83	#585753
16.7%	16.7% #6B6B67	RGB 107 107 103	#6B6B67
33.3%	33.3% #7F7F7B	RGB 127 127 123	#7F7F7B
50.0%	50.0% #939390	RGB 147 147 144	#939390
66.7%	66.7% #A7A7A4	RGB 167 167 164	#A7A7A4
83.3%	83.3% #BBBBB8	RGB 187 187 184	#BBBBB8
100.0%	100.0% #CFCFCD	RGB 207 207 205	#CFCFCD

#585753 #6B6B67 #7F7F7B #939390 #A7A7A4 #BBBBB8 #CFCFCD

#585753 - #CFCFCD

HSV-Mischung

#585753 - #CFCFCD | 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 #585753 als 0% und #CFCFCD als 100%.

0.0%	0.0% #585753	RGB 88 87 83	#585753
16.7%	16.7% #6B6A66	RGB 107 106 102	#6B6A66
33.3%	33.3% #7F7E7A	RGB 127 126 122	#7F7E7A
50.0%	50.0% #93938E	RGB 147 147 142	#93938E
66.7%	66.7% #A7A7A3	RGB 167 167 163	#A7A7A3
83.3%	83.3% #BBBBB7	RGB 187 187 183	#BBBBB7
100.0%	100.0% #CFCFCD	RGB 207 207 205	#CFCFCD

#585753 #6B6A66 #7F7E7A #93938E #A7A7A3 #BBBBB7 #CFCFCD

#585753 - #93938E - #CFCFCD

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #585753 0%, #93938E 50%, #CFCFCD 100%);
    background: -webkit-linear-gradient(top, #585753 0%, #93938E 50%, #CFCFCD 100%);
    background: linear-gradient(to bottom, #585753 0%, #93938E 50%, #CFCFCD 100%);
}
</style>