#DFDBDA - #AE9F8C | 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 #DFDBDA mit #AE9F8C

#DFDBDA #AE9F8C

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

#DFDBDA - #AE9F8C | 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 #DFDBDA als 0% und #AE9F8C als 100%.

0.0%	0.0% #DFDBDA	RGB 223 219 218	#DFDBDA
16.7%	16.7% #D6D1CD	RGB 214 209 205	#D6D1CD
33.3%	33.3% #CEC7C0	RGB 206 199 192	#CEC7C0
50.0%	50.0% #C6BDB3	RGB 198 189 179	#C6BDB3
66.7%	66.7% #BEB3A6	RGB 190 179 166	#BEB3A6
83.3%	83.3% #B6A999	RGB 182 169 153	#B6A999
100.0%	100.0% #AE9F8C	RGB 174 159 140	#AE9F8C

#DFDBDA #D6D1CD #CEC7C0 #C6BDB3 #BEB3A6 #B6A999 #AE9F8C

#DFDBDA - #AE9F8C

HSV-Mischung

#DFDBDA - #AE9F8C | 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 #DFDBDA als 0% und #AE9F8C als 100%.

0.0%	0.0% #DFDBDA	RGB 223 219 218	#DFDBDA
16.7%	16.7% #D6CECB	RGB 214 206 203	#D6CECB
33.3%	33.3% #CEC3BE	RGB 206 195 190	#CEC3BE
50.0%	50.0% #C6B9B0	RGB 198 185 176	#C6B9B0
66.7%	66.7% #BEAFA4	RGB 190 175 164	#BEAFA4
83.3%	83.3% #B6A697	RGB 182 166 151	#B6A697
100.0%	100.0% #AE9F8C	RGB 174 159 140	#AE9F8C

#DFDBDA #D6CECB #CEC3BE #C6B9B0 #BEAFA4 #B6A697 #AE9F8C

#DFDBDA - #C6B9B0 - #AE9F8C

CSS-Codes

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

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