#D9CFDF - #8C7A9F | 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 #D9CFDF mit #8C7A9F

#D9CFDF #8C7A9F

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

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

0.0%	0.0% #D9CFDF	RGB 217 207 223	#D9CFDF
16.7%	16.7% #CCC0D4	RGB 204 192 212	#CCC0D4
33.3%	33.3% #BFB2C9	RGB 191 178 201	#BFB2C9
50.0%	50.0% #B2A4BF	RGB 178 164 191	#B2A4BF
66.7%	66.7% #A596B4	RGB 165 150 180	#A596B4
83.3%	83.3% #9888A9	RGB 152 136 169	#9888A9
100.0%	100.0% #8C7A9F	RGB 140 122 159	#8C7A9F

#D9CFDF #CCC0D4 #BFB2C9 #B2A4BF #A596B4 #9888A9 #8C7A9F

#D9CFDF - #8C7A9F

HSV-Mischung

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

0.0%	0.0% #D9CFDF	RGB 217 207 223	#D9CFDF
16.7%	16.7% #CCBFD4	RGB 204 191 212	#CCBFD4
33.3%	33.3% #BFB0C9	RGB 191 176 201	#BFB0C9
50.0%	50.0% #B2A1BF	RGB 178 161 191	#B2A1BF
66.7%	66.7% #A594B4	RGB 165 148 180	#A594B4
83.3%	83.3% #9886A9	RGB 152 134 169	#9886A9
100.0%	100.0% #8C7A9F	RGB 140 122 159	#8C7A9F

#D9CFDF #CCBFD4 #BFB0C9 #B2A1BF #A594B4 #9886A9 #8C7A9F

#D9CFDF - #B2A1BF - #8C7A9F

CSS-Codes

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

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