#A8B8C1 - #E6DCCD | 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 #A8B8C1 a #E6DCCD

#A8B8C1 #E6DCCD

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

#A8B8C1 - #E6DCCD | 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 #A8B8C1 come 0% e #E6DCCD come 100%.

0.0%	0.0% #A8B8C1	RGB 168 184 193	#A8B8C1
16.7%	16.7% #B2BEC3	RGB 178 190 195	#B2BEC3
33.3%	33.3% #BCC4C5	RGB 188 196 197	#BCC4C5
50.0%	50.0% #C7CAC7	RGB 199 202 199	#C7CAC7
66.7%	66.7% #D1D0C9	RGB 209 208 201	#D1D0C9
83.3%	83.3% #DBD6CB	RGB 219 214 203	#DBD6CB
100.0%	100.0% #E6DCCD	RGB 230 220 205	#E6DCCD

#A8B8C1 #B2BEC3 #BCC4C5 #C7CAC7 #D1D0C9 #DBD6CB #E6DCCD

#A8B8C1 - #E6DCCD

Miscela HSV

#A8B8C1 - #E6DCCD | 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 #A8B8C1 come 0% e #E6DCCD come 100%.

0.0%	0.0% #A8B8C1	RGB 168 184 193	#A8B8C1
16.7%	16.7% #AEC7C4	RGB 174 199 196	#AEC7C4
33.3%	33.3% #B4CDBF	RGB 180 205 191	#B4CDBF
50.0%	50.0% #BAD3BA	RGB 186 211 186	#BAD3BA
66.7%	66.7% #CCD9C0	RGB 204 217 192	#CCD9C0
83.3%	83.3% #DEDFC6	RGB 222 223 198	#DEDFC6
100.0%	100.0% #E6DCCD	RGB 230 220 205	#E6DCCD

#A8B8C1 #AEC7C4 #B4CDBF #BAD3BA #CCD9C0 #DEDFC6 #E6DCCD

#A8B8C1 - #BAD3BA - #E6DCCD

Codici CSS

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

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