#C95ECE - #FFBFD4 | 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 #C95ECE mit #FFBFD4

#C95ECE #FFBFD4

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

#C95ECE - #FFBFD4 | 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 #C95ECE als 0% und #FFBFD4 als 100%.

0.0%	0.0% #C95ECE	RGB 201 94 206	#C95ECE
16.7%	16.7% #D26ECF	RGB 210 110 207	#D26ECF
33.3%	33.3% #DB7ED0	RGB 219 126 208	#DB7ED0
50.0%	50.0% #E48ED1	RGB 228 142 209	#E48ED1
66.7%	66.7% #ED9ED2	RGB 237 158 210	#ED9ED2
83.3%	83.3% #F6AED3	RGB 246 174 211	#F6AED3
100.0%	100.0% #FFBFD4	RGB 255 191 212	#FFBFD4

#C95ECE #D26ECF #DB7ED0 #E48ED1 #ED9ED2 #F6AED3 #FFBFD4

#C95ECE - #FFBFD4

HSV-Mischung

#C95ECE - #FFBFD4 | 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 #C95ECE als 0% und #FFBFD4 als 100%.

0.0%	0.0% #C95DCE	RGB 201 93 206	#C95DCE
16.7%	16.7% #D66CCE	RGB 214 108 206	#D66CCE
33.3%	33.3% #DE7BCB	RGB 222 123 203	#DE7BCB
50.0%	50.0% #E68AC9	RGB 230 138 201	#E68AC9
66.7%	66.7% #EE9BCA	RGB 238 155 202	#EE9BCA
83.3%	83.3% #F6ACCD	RGB 246 172 205	#F6ACCD
100.0%	100.0% #FFBFD4	RGB 255 191 212	#FFBFD4

#C95DCE #D66CCE #DE7BCB #E68AC9 #EE9BCA #F6ACCD #FFBFD4

#C95ECE - #E68AC9 - #FFBFD4

CSS-Codes

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

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