#CF6B6B - #FEBF8C | 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 #CF6B6B mit #FEBF8C

#CF6B6B #FEBF8C

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

#CF6B6B - #FEBF8C | 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 #CF6B6B als 0% und #FEBF8C als 100%.

0.0%	0.0% #CF6B6B	RGB 207 107 107	#CF6B6B
16.7%	16.7% #D67970	RGB 214 121 112	#D67970
33.3%	33.3% #DE8776	RGB 222 135 118	#DE8776
50.0%	50.0% #E6957B	RGB 230 149 123	#E6957B
66.7%	66.7% #EEA381	RGB 238 163 129	#EEA381
83.3%	83.3% #F6B186	RGB 246 177 134	#F6B186
100.0%	100.0% #FEBF8C	RGB 254 191 140	#FEBF8C

#CF6B6B #D67970 #DE8776 #E6957B #EEA381 #F6B186 #FEBF8C

#CF6B6B - #FEBF8C

HSV-Mischung

#CF6B6B - #FEBF8C | 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 #CF6B6B als 0% und #FEBF8C als 100%.

0.0%	0.0% #CF6B6B	RGB 207 107 107	#CF6B6B
16.7%	16.7% #D67770	RGB 214 119 112	#D67770
33.3%	33.3% #DE8575	RGB 222 133 117	#DE8575
50.0%	50.0% #E6937B	RGB 230 147 123	#E6937B
66.7%	66.7% #EEA180	RGB 238 161 128	#EEA180
83.3%	83.3% #F6AF86	RGB 246 175 134	#F6AF86
100.0%	100.0% #FEBF8C	RGB 254 191 140	#FEBF8C

#CF6B6B #D67770 #DE8575 #E6937B #EEA180 #F6AF86 #FEBF8C

#CF6B6B - #E6937B - #FEBF8C

CSS-Codes

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

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