#FFF2FD - #CDA2D0 | 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 #FFF2FD mit #CDA2D0

#FFF2FD #CDA2D0

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

#FFF2FD - #CDA2D0 | 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 #FFF2FD als 0% und #CDA2D0 als 100%.

0.0%	0.0% #FFF2FD	RGB 255 242 253	#FFF2FD
16.7%	16.7% #F6E4F5	RGB 246 228 245	#F6E4F5
33.3%	33.3% #EED7EE	RGB 238 215 238	#EED7EE
50.0%	50.0% #E6CAE6	RGB 230 202 230	#E6CAE6
66.7%	66.7% #DDBCDF	RGB 221 188 223	#DDBCDF
83.3%	83.3% #D5AFD7	RGB 213 175 215	#D5AFD7
100.0%	100.0% #CDA2D0	RGB 205 162 208	#CDA2D0

#FFF2FD #F6E4F5 #EED7EE #E6CAE6 #DDBCDF #D5AFD7 #CDA2D0

#FFF2FD - #CDA2D0

HSV-Mischung

#FFF2FD - #CDA2D0 | 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 #FFF2FD als 0% und #CDA2D0 als 100%.

0.0%	0.0% #FFF2FD	RGB 255 242 253	#FFF2FD
16.7%	16.7% #F7E3F4	RGB 247 227 244	#F7E3F4
33.3%	33.3% #EFD5ED	RGB 239 213 237	#EFD5ED
50.0%	50.0% #E7C8E6	RGB 231 200 230	#E7C8E6
66.7%	66.7% #DFBADF	RGB 223 186 223	#DFBADF
83.3%	83.3% #D6AED7	RGB 214 174 215	#D6AED7
100.0%	100.0% #CDA2D0	RGB 205 162 208	#CDA2D0

#FFF2FD #F7E3F4 #EFD5ED #E7C8E6 #DFBADF #D6AED7 #CDA2D0

#FFF2FD - #E7C8E6 - #CDA2D0

CSS-Codes

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

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