#C7A8FF - #CFD0FC | 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 #C7A8FF mit #CFD0FC

#C7A8FF #CFD0FC

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

#C7A8FF - #CFD0FC | 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 #C7A8FF als 0% und #CFD0FC als 100%.

0.0%	0.0% #C7A8FF	RGB 199 168 255	#C7A8FF
16.7%	16.7% #C8AEFE	RGB 200 174 254	#C8AEFE
33.3%	33.3% #C9B5FE	RGB 201 181 254	#C9B5FE
50.0%	50.0% #CBBCFD	RGB 203 188 253	#CBBCFD
66.7%	66.7% #CCC2FD	RGB 204 194 253	#CCC2FD
83.3%	83.3% #CDC9FC	RGB 205 201 252	#CDC9FC
100.0%	100.0% #CFD0FC	RGB 207 208 252	#CFD0FC

#C7A8FF #C8AEFE #C9B5FE #CBBCFD #CCC2FD #CDC9FC #CFD0FC

#C7A8FF - #CFD0FC

HSV-Mischung

#C7A8FF - #CFD0FC | 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 #C7A8FF als 0% und #CFD0FC als 100%.

0.0%	0.0% #C7A8FF	RGB 199 168 255	#C7A8FF
16.7%	16.7% #C6AEFE	RGB 198 174 254	#C6AEFE
33.3%	33.3% #C5B5FE	RGB 197 181 254	#C5B5FE
50.0%	50.0% #C6BBFD	RGB 198 187 253	#C6BBFD
66.7%	66.7% #C8C2FD	RGB 200 194 253	#C8C2FD
83.3%	83.3% #CAC8FC	RGB 202 200 252	#CAC8FC
100.0%	100.0% #CFD0FC	RGB 207 208 252	#CFD0FC

#C7A8FF #C6AEFE #C5B5FE #C6BBFD #C8C2FD #CAC8FC #CFD0FC

#C7A8FF - #C6BBFD - #CFD0FC

CSS-Codes

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

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