#ADF0FF - #F3E6EC | 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 #ADF0FF a #F3E6EC

#ADF0FF #F3E6EC

Calcola il colore tra due colori, #ADF0FF e #F3E6EC. 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)

#ADF0FF - #F3E6EC | 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 #ADF0FF come 0% e #F3E6EC come 100%.

0.0%	0.0% #ADF0FF	RGB 173 240 255	#ADF0FF
16.7%	16.7% #B8EEFB	RGB 184 238 251	#B8EEFB
33.3%	33.3% #C4ECF8	RGB 196 236 248	#C4ECF8
50.0%	50.0% #D0EBF5	RGB 208 235 245	#D0EBF5
66.7%	66.7% #DBE9F2	RGB 219 233 242	#DBE9F2
83.3%	83.3% #E7E7EF	RGB 231 231 239	#E7E7EF
100.0%	100.0% #F3E6EC	RGB 243 230 236	#F3E6EC

#ADF0FF #B8EEFB #C4ECF8 #D0EBF5 #DBE9F2 #E7E7EF #F3E6EC

#ADF0FF - #F3E6EC

Miscela HSV

#ADF0FF - #F3E6EC | 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 #ADF0FF come 0% e #F3E6EC come 100%.

0.0%	0.0% #ADF0FF	RGB 173 240 255	#ADF0FF
16.7%	16.7% #B6D4FD	RGB 182 212 253	#B6D4FD
33.3%	33.3% #C0C2FB	RGB 192 194 251	#C0C2FB
50.0%	50.0% #DBCAF9	RGB 219 202 249	#DBCAF9
66.7%	66.7% #EED3F7	RGB 238 211 247	#EED3F7
83.3%	83.3% #F5DCF1	RGB 245 220 241	#F5DCF1
100.0%	100.0% #F3E6EC	RGB 243 230 236	#F3E6EC

#ADF0FF #B6D4FD #C0C2FB #DBCAF9 #EED3F7 #F5DCF1 #F3E6EC

#ADF0FF - #DBCAF9 - #F3E6EC

Codici CSS

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

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