#D5DCCF - #8CAB7E | 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 #D5DCCF mit #8CAB7E

#D5DCCF #8CAB7E

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

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

0.0%	0.0% #D5DCCF	RGB 213 220 207	#D5DCCF
16.7%	16.7% #C8D3C1	RGB 200 211 193	#C8D3C1
33.3%	33.3% #BCCBB4	RGB 188 203 180	#BCCBB4
50.0%	50.0% #B0C3A6	RGB 176 195 166	#B0C3A6
66.7%	66.7% #A4BB99	RGB 164 187 153	#A4BB99
83.3%	83.3% #98B38B	RGB 152 179 139	#98B38B
100.0%	100.0% #8CAB7E	RGB 140 171 126	#8CAB7E

#D5DCCF #C8D3C1 #BCCBB4 #B0C3A6 #A4BB99 #98B38B #8CAB7E

#D5DCCF - #8CAB7E

HSV-Mischung

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

0.0%	0.0% #D5DCCF	RGB 213 220 207	#D5DCCF
16.7%	16.7% #C8D3C0	RGB 200 211 192	#C8D3C0
33.3%	33.3% #BCCBB1	RGB 188 203 177	#BCCBB1
50.0%	50.0% #B0C3A4	RGB 176 195 164	#B0C3A4
66.7%	66.7% #A3BB96	RGB 163 187 150	#A3BB96
83.3%	83.3% #97B38A	RGB 151 179 138	#97B38A
100.0%	100.0% #8CAB7E	RGB 140 171 126	#8CAB7E

#D5DCCF #C8D3C0 #BCCBB1 #B0C3A4 #A3BB96 #97B38A #8CAB7E

#D5DCCF - #B0C3A4 - #8CAB7E

CSS-Codes

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

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