#FFBBCB - #CF4E5E | 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 #FFBBCB mit #CF4E5E

#FFBBCB #CF4E5E

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

#FFBBCB - #CF4E5E | 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 #FFBBCB als 0% und #CF4E5E als 100%.

0.0%	0.0% #FFBBCB	RGB 255 187 203	#FFBBCB
16.7%	16.7% #F7A8B8	RGB 247 168 184	#F7A8B8
33.3%	33.3% #EF96A6	RGB 239 150 166	#EF96A6
50.0%	50.0% #E78494	RGB 231 132 148	#E78494
66.7%	66.7% #DF7282	RGB 223 114 130	#DF7282
83.3%	83.3% #D76070	RGB 215 96 112	#D76070
100.0%	100.0% #CF4E5E	RGB 207 78 94	#CF4E5E

#FFBBCB #F7A8B8 #EF96A6 #E78494 #DF7282 #D76070 #CF4E5E

#FFBBCB - #CF4E5E

HSV-Mischung

#FFBBCB - #CF4E5E | 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 #FFBBCB als 0% und #CF4E5E als 100%.

0.0%	0.0% #FFBBCB	RGB 255 187 203	#FFBBCB
16.7%	16.7% #F7A6B7	RGB 247 166 183	#F7A6B7
33.3%	33.3% #EF92A5	RGB 239 146 165	#EF92A5
50.0%	50.0% #E78092	RGB 231 128 146	#E78092
66.7%	66.7% #DF6E80	RGB 223 110 128	#DF6E80
83.3%	83.3% #D75D6F	RGB 215 93 111	#D75D6F
100.0%	100.0% #CF4E5E	RGB 207 78 94	#CF4E5E

#FFBBCB #F7A6B7 #EF92A5 #E78092 #DF6E80 #D75D6F #CF4E5E

#FFBBCB - #E78092 - #CF4E5E

CSS-Codes

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

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