#ACB8C5 - #E3DCCF | 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 #ACB8C5 a #E3DCCF

#ACB8C5 #E3DCCF

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

#ACB8C5 - #E3DCCF | 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 #ACB8C5 come 0% e #E3DCCF come 100%.

0.0%	0.0% #ACB8C5	RGB 172 184 197	#ACB8C5
16.7%	16.7% #B5BEC6	RGB 181 190 198	#B5BEC6
33.3%	33.3% #BEC4C8	RGB 190 196 200	#BEC4C8
50.0%	50.0% #C7CACA	RGB 199 202 202	#C7CACA
66.7%	66.7% #D0D0CB	RGB 208 208 203	#D0D0CB
83.3%	83.3% #D9D6CD	RGB 217 214 205	#D9D6CD
100.0%	100.0% #E3DCCF	RGB 227 220 207	#E3DCCF

#ACB8C5 #B5BEC6 #BEC4C8 #C7CACA #D0D0CB #D9D6CD #E3DCCF

#ACB8C5 - #E3DCCF

Miscela HSV

#ACB8C5 - #E3DCCF | 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 #ACB8C5 come 0% e #E3DCCF come 100%.

0.0%	0.0% #ACB8C5	RGB 172 184 197	#ACB8C5
16.7%	16.7% #B1C8CA	RGB 177 200 202	#B1C8CA
33.3%	33.3% #B7CFC4	RGB 183 207 196	#B7CFC4
50.0%	50.0% #BDD4BF	RGB 189 212 191	#BDD4BF
66.7%	66.7% #CBD9C3	RGB 203 217 195	#CBD9C3
83.3%	83.3% #DBDEC9	RGB 219 222 201	#DBDEC9
100.0%	100.0% #E3DCCF	RGB 227 220 207	#E3DCCF

#ACB8C5 #B1C8CA #B7CFC4 #BDD4BF #CBD9C3 #DBDEC9 #E3DCCF

#ACB8C5 - #BDD4BF - #E3DCCF

Codici CSS

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

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