#DCCFDF - #8B7D9F | 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 #DCCFDF mit #8B7D9F

#DCCFDF #8B7D9F

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

#DCCFDF - #8B7D9F | 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 #DCCFDF als 0% und #8B7D9F als 100%.

0.0%	0.0% #DCCFDF	RGB 220 207 223	#DCCFDF
16.7%	16.7% #CEC1D4	RGB 206 193 212	#CEC1D4
33.3%	33.3% #C1B3C9	RGB 193 179 201	#C1B3C9
50.0%	50.0% #B3A6BF	RGB 179 166 191	#B3A6BF
66.7%	66.7% #A698B4	RGB 166 152 180	#A698B4
83.3%	83.3% #988AA9	RGB 152 138 169	#988AA9
100.0%	100.0% #8B7D9F	RGB 139 125 159	#8B7D9F

#DCCFDF #CEC1D4 #C1B3C9 #B3A6BF #A698B4 #988AA9 #8B7D9F

#DCCFDF - #8B7D9F

HSV-Mischung

#DCCFDF - #8B7D9F | 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 #DCCFDF als 0% und #8B7D9F als 100%.

0.0%	0.0% #DCCFDF	RGB 220 207 223	#DCCFDF
16.7%	16.7% #CFC0D4	RGB 207 192 212	#CFC0D4
33.3%	33.3% #C1B1C9	RGB 193 177 201	#C1B1C9
50.0%	50.0% #B4A3BF	RGB 180 163 191	#B4A3BF
66.7%	66.7% #A696B4	RGB 166 150 180	#A696B4
83.3%	83.3% #9889A9	RGB 152 137 169	#9889A9
100.0%	100.0% #8B7D9F	RGB 139 125 159	#8B7D9F

#DCCFDF #CFC0D4 #C1B1C9 #B4A3BF #A696B4 #9889A9 #8B7D9F

#DCCFDF - #B4A3BF - #8B7D9F

CSS-Codes

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

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