#CACB5E - #EFF0D1 | 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 #CACB5E mit #EFF0D1

#CACB5E #EFF0D1

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

#CACB5E - #EFF0D1 | 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 #CACB5E als 0% und #EFF0D1 als 100%.

0.0%	0.0% #CACB5E	RGB 202 203 94	#CACB5E
16.7%	16.7% #D0D171	RGB 208 209 113	#D0D171
33.3%	33.3% #D6D784	RGB 214 215 132	#D6D784
50.0%	50.0% #DCDD97	RGB 220 221 151	#DCDD97
66.7%	66.7% #E2E3AA	RGB 226 227 170	#E2E3AA
83.3%	83.3% #E8E9BD	RGB 232 233 189	#E8E9BD
100.0%	100.0% #EFF0D1	RGB 239 240 209	#EFF0D1

#CACB5E #D0D171 #D6D784 #DCDD97 #E2E3AA #E8E9BD #EFF0D1

#CACB5E - #EFF0D1

HSV-Mischung

#CACB5E - #EFF0D1 | 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 #CACB5E als 0% und #EFF0D1 als 100%.

0.0%	0.0% #CACB5E	RGB 202 203 94	#CACB5E
16.7%	16.7% #CFD16F	RGB 207 209 111	#CFD16F
33.3%	33.3% #D5D780	RGB 213 215 128	#D5D780
50.0%	50.0% #DBDD93	RGB 219 221 147	#DBDD93
66.7%	66.7% #E2E3A7	RGB 226 227 167	#E2E3A7
83.3%	83.3% #E8E9BB	RGB 232 233 187	#E8E9BB
100.0%	100.0% #EFF0D1	RGB 239 240 209	#EFF0D1

#CACB5E #CFD16F #D5D780 #DBDD93 #E2E3A7 #E8E9BB #EFF0D1

#CACB5E - #DBDD93 - #EFF0D1

CSS-Codes

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

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