#ACB5C2 - #E2DACC | 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 #ACB5C2 a #E2DACC

#ACB5C2 #E2DACC

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

#ACB5C2 - #E2DACC | 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 #ACB5C2 come 0% e #E2DACC come 100%.

0.0%	0.0% #ACB5C2	RGB 172 181 194	#ACB5C2
16.7%	16.7% #B5BBC3	RGB 181 187 195	#B5BBC3
33.3%	33.3% #BEC1C5	RGB 190 193 197	#BEC1C5
50.0%	50.0% #C7C7C7	RGB 199 199 199	#C7C7C7
66.7%	66.7% #D0CDC8	RGB 208 205 200	#D0CDC8
83.3%	83.3% #D9D3CA	RGB 217 211 202	#D9D3CA
100.0%	100.0% #E2DACC	RGB 226 218 204	#E2DACC

#ACB5C2 #B5BBC3 #BEC1C5 #C7C7C7 #D0CDC8 #D9D3CA #E2DACC

#ACB5C2 - #E2DACC

Miscela HSV

#ACB5C2 - #E2DACC | 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 #ACB5C2 come 0% e #E2DACC come 100%.

0.0%	0.0% #ACB5C2	RGB 172 181 194	#ACB5C2
16.7%	16.7% #B1C5C7	RGB 177 197 199	#B1C5C7
33.3%	33.3% #B6CCC3	RGB 182 204 195	#B6CCC3
50.0%	50.0% #BBD2BE	RGB 187 210 190	#BBD2BE
66.7%	66.7% #C9D7C1	RGB 201 215 193	#C9D7C1
83.3%	83.3% #D9DCC6	RGB 217 220 198	#D9DCC6
100.0%	100.0% #E2DACC	RGB 226 218 204	#E2DACC

#ACB5C2 #B1C5C7 #B6CCC3 #BBD2BE #C9D7C1 #D9DCC6 #E2DACC

#ACB5C2 - #BBD2BE - #E2DACC

Codici CSS

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

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