#ADB7EE - #CFDCE7 | 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 #ADB7EE mit #CFDCE7

#ADB7EE #CFDCE7

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

#ADB7EE - #CFDCE7 | 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 #ADB7EE als 0% und #CFDCE7 als 100%.

0.0%	0.0% #ADB7EE	RGB 173 183 238	#ADB7EE
16.7%	16.7% #B2BDEC	RGB 178 189 236	#B2BDEC
33.3%	33.3% #B8C3EB	RGB 184 195 235	#B8C3EB
50.0%	50.0% #BEC9EA	RGB 190 201 234	#BEC9EA
66.7%	66.7% #C3CFE9	RGB 195 207 233	#C3CFE9
83.3%	83.3% #C9D5E8	RGB 201 213 232	#C9D5E8
100.0%	100.0% #CFDCE7	RGB 207 220 231	#CFDCE7

#ADB7EE #B2BDEC #B8C3EB #BEC9EA #C3CFE9 #C9D5E8 #CFDCE7

#ADB7EE - #CFDCE7

HSV-Mischung

#ADB7EE - #CFDCE7 | 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 #ADB7EE als 0% und #CFDCE7 als 100%.

0.0%	0.0% #ADB6EE	RGB 173 182 238	#ADB6EE
16.7%	16.7% #B2BFEC	RGB 178 191 236	#B2BFEC
33.3%	33.3% #B8C7EB	RGB 184 199 235	#B8C7EB
50.0%	50.0% #BECDEA	RGB 190 205 234	#BECDEA
66.7%	66.7% #C3D3E9	RGB 195 211 233	#C3D3E9
83.3%	83.3% #C9D8E8	RGB 201 216 232	#C9D8E8
100.0%	100.0% #CFDCE7	RGB 207 220 231	#CFDCE7

#ADB6EE #B2BFEC #B8C7EB #BECDEA #C3D3E9 #C9D8E8 #CFDCE7

#ADB7EE - #BECDEA - #CFDCE7

CSS-Codes

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

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