#9A8791 - #E2DCDF | 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 #9A8791 mit #E2DCDF

#9A8791 #E2DCDF

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

#9A8791 - #E2DCDF | 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 #9A8791 als 0% und #E2DCDF als 100%.

0.0%	0.0% #9A8791	RGB 154 135 145	#9A8791
16.7%	16.7% #A6959E	RGB 166 149 158	#A6959E
33.3%	33.3% #B2A3AB	RGB 178 163 171	#B2A3AB
50.0%	50.0% #BEB1B8	RGB 190 177 184	#BEB1B8
66.7%	66.7% #CABFC5	RGB 202 191 197	#CABFC5
83.3%	83.3% #D6CDD2	RGB 214 205 210	#D6CDD2
100.0%	100.0% #E2DCDF	RGB 226 220 223	#E2DCDF

#9A8791 #A6959E #B2A3AB #BEB1B8 #CABFC5 #D6CDD2 #E2DCDF

#9A8791 - #E2DCDF

HSV-Mischung

#9A8791 - #E2DCDF | 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 #9A8791 als 0% und #E2DCDF als 100%.

0.0%	0.0% #9A8791	RGB 154 135 145	#9A8791
16.7%	16.7% #A6949D	RGB 166 148 157	#A6949D
33.3%	33.3% #B2A1AA	RGB 178 161 170	#B2A1AA
50.0%	50.0% #BEAFB7	RGB 190 175 183	#BEAFB7
66.7%	66.7% #CABEC4	RGB 202 190 196	#CABEC4
83.3%	83.3% #D6CCD1	RGB 214 204 209	#D6CCD1
100.0%	100.0% #E2DCDF	RGB 226 220 223	#E2DCDF

#9A8791 #A6949D #B2A1AA #BEAFB7 #CABEC4 #D6CCD1 #E2DCDF

#9A8791 - #BEAFB7 - #E2DCDF

CSS-Codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9A8791 0%, #BEAFB7 50%, #E2DCDF 100%);
    background: -webkit-linear-gradient(top, #9A8791 0%, #BEAFB7 50%, #E2DCDF 100%);
    background: linear-gradient(to bottom, #9A8791 0%, #BEAFB7 50%, #E2DCDF 100%);
}
</style>