#ABABE1 - #CDD7DF | 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 #ABABE1 a #CDD7DF

#ABABE1 #CDD7DF

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

#ABABE1 - #CDD7DF | 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 #ABABE1 come 0% e #CDD7DF come 100%.

0.0%	0.0% #ABABE1	RGB 171 171 225	#ABABE1
16.7%	16.7% #B0B2E0	RGB 176 178 224	#B0B2E0
33.3%	33.3% #B6B9E0	RGB 182 185 224	#B6B9E0
50.0%	50.0% #BCC1E0	RGB 188 193 224	#BCC1E0
66.7%	66.7% #C1C8DF	RGB 193 200 223	#C1C8DF
83.3%	83.3% #C7CFDF	RGB 199 207 223	#C7CFDF
100.0%	100.0% #CDD7DF	RGB 205 215 223	#CDD7DF

#ABABE1 #B0B2E0 #B6B9E0 #BCC1E0 #C1C8DF #C7CFDF #CDD7DF

#ABABE1 - #CDD7DF

Miscela HSV

#ABABE1 - #CDD7DF | 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 #ABABE1 come 0% e #CDD7DF come 100%.

0.0%	0.0% #ABABE1	RGB 171 171 225	#ABABE1
16.7%	16.7% #B0B5E0	RGB 176 181 224	#B0B5E0
33.3%	33.3% #B6BEE0	RGB 182 190 224	#B6BEE0
50.0%	50.0% #BCC6E0	RGB 188 198 224	#BCC6E0
66.7%	66.7% #C1CCDF	RGB 193 204 223	#C1CCDF
83.3%	83.3% #C7D2DF	RGB 199 210 223	#C7D2DF
100.0%	100.0% #CDD7DF	RGB 205 215 223	#CDD7DF

#ABABE1 #B0B5E0 #B6BEE0 #BCC6E0 #C1CCDF #C7D2DF #CDD7DF

#ABABE1 - #BCC6E0 - #CDD7DF

Codici CSS

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

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