#ACB8BA - #EADECC | 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 #ACB8BA a #EADECC

#ACB8BA #EADECC

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

#ACB8BA - #EADECC | 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 #ACB8BA come 0% e #EADECC come 100%.

0.0%	0.0% #ACB8BA	RGB 172 184 186	#ACB8BA
16.7%	16.7% #B6BEBD	RGB 182 190 189	#B6BEBD
33.3%	33.3% #C0C4C0	RGB 192 196 192	#C0C4C0
50.0%	50.0% #CBCBC3	RGB 203 203 195	#CBCBC3
66.7%	66.7% #D5D1C6	RGB 213 209 198	#D5D1C6
83.3%	83.3% #DFD7C9	RGB 223 215 201	#DFD7C9
100.0%	100.0% #EADECC	RGB 234 222 204	#EADECC

#ACB8BA #B6BEBD #C0C4C0 #CBCBC3 #D5D1C6 #DFD7C9 #EADECC

#ACB8BA - #EADECC

Miscela HSV

#ACB8BA - #EADECC | 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 #ACB8BA come 0% e #EADECC come 100%.

0.0%	0.0% #ACB8BA	RGB 172 184 186	#ACB8BA
16.7%	16.7% #B1C2BD	RGB 177 194 189	#B1C2BD
33.3%	33.3% #B7CABC	RGB 183 202 188	#B7CABC
50.0%	50.0% #BFD2BC	RGB 191 210 188	#BFD2BC
66.7%	66.7% #CFDAC1	RGB 207 218 193	#CFDAC1
83.3%	83.3% #E1E2C7	RGB 225 226 199	#E1E2C7
100.0%	100.0% #EADECC	RGB 234 222 204	#EADECC

#ACB8BA #B1C2BD #B7CABC #BFD2BC #CFDAC1 #E1E2C7 #EADECC

#ACB8BA - #BFD2BC - #EADECC

Codici CSS

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

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