#FAF8FF - #A3B5CF | colorate

colorate è uno strumento per schemi a colori per designer e sviluppatori. Questo ti aiuterà a trarre ispirazione e funge da risorsa per il tuo lavoro a colori. Rendi questo sito migliore

Miscela da #FAF8FF a #A3B5CF

#FAF8FF #A3B5CF

Calcola il colore tra due colori, #FAF8FF e #A3B5CF. Nel calcolo dei valori RGB, la saturazione tra i colori diversi è bassa. Nel calcolo dei valori HSV, la saturazione tra i colori diversi non è bassa.

Miscela RGB (lineare)

#FAF8FF - #A3B5CF | colorate

Calcolo del colore tra due colori in base al valore RGB. Per i colori distanti tra loro, la saturazione tra i due colori diminuisce. Espandi il colore tra due colori con #FAF8FF come 0% e #A3B5CF come 100%.

0.0%	0.0% #FAF8FF	RGB 250 248 255	#FAF8FF
16.7%	16.7% #EBECF7	RGB 235 236 247	#EBECF7
33.3%	33.3% #DDE1EF	RGB 221 225 239	#DDE1EF
50.0%	50.0% #CED6E7	RGB 206 214 231	#CED6E7
66.7%	66.7% #C0CBDF	RGB 192 203 223	#C0CBDF
83.3%	83.3% #B1C0D7	RGB 177 192 215	#B1C0D7
100.0%	100.0% #A3B5CF	RGB 163 181 207	#A3B5CF

#FAF8FF #EBECF7 #DDE1EF #CED6E7 #C0CBDF #B1C0D7 #A3B5CF

#FAF8FF - #A3B5CF

Miscela HSV

#FAF8FF - #A3B5CF | colorate

Calcolo del colore tra due colori in base al valore HSV. Anche tra distinti colori di colore, la saturazione tra i due colori non diminuisce. Espandi il colore tra due colori con #FAF8FF come 0% e #A3B5CF come 100%.

0.0%	0.0% #FAF8FF	RGB 250 248 255	#FAF8FF
16.7%	16.7% #EBE8F7	RGB 235 232 247	#EBE8F7
33.3%	33.3% #DAD9EF	RGB 218 217 239	#DAD9EF
50.0%	50.0% #CBCCE7	RGB 203 204 231	#CBCCE7
66.7%	66.7% #BDC3DF	RGB 189 195 223	#BDC3DF
83.3%	83.3% #AFBBD7	RGB 175 187 215	#AFBBD7
100.0%	100.0% #A3B5CF	RGB 163 181 207	#A3B5CF

#FAF8FF #EBE8F7 #DAD9EF #CBCCE7 #BDC3DF #AFBBD7 #A3B5CF

#FAF8FF - #CBCCE7 - #A3B5CF

Codici CSS

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

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