#ECECEC - #CAA5DB | 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 #ECECEC a #CAA5DB

#ECECEC #CAA5DB

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

#ECECEC - #CAA5DB | 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 #ECECEC come 0% e #CAA5DB come 100%.

0.0%	0.0% #ECECEC	RGB 236 236 236	#ECECEC
16.7%	16.7% #E6E0E9	RGB 230 224 233	#E6E0E9
33.3%	33.3% #E0D4E6	RGB 224 212 230	#E0D4E6
50.0%	50.0% #DBC8E3	RGB 219 200 227	#DBC8E3
66.7%	66.7% #D5BCE0	RGB 213 188 224	#D5BCE0
83.3%	83.3% #CFB0DD	RGB 207 176 221	#CFB0DD
100.0%	100.0% #CAA5DB	RGB 202 165 219	#CAA5DB

#ECECEC #E6E0E9 #E0D4E6 #DBC8E3 #D5BCE0 #CFB0DD #CAA5DB

#ECECEC - #CAA5DB

Miscela HSV

#ECECEC - #CAA5DB | 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 #ECECEC come 0% e #CAA5DB come 100%.

0.0%	0.0% #ECECEC	RGB 236 236 236	#ECECEC
16.7%	16.7% #E9DFE1	RGB 233 223 225	#E9DFE1
33.3%	33.3% #E6D3DB	RGB 230 211 219	#E6D3DB
50.0%	50.0% #E3C7D9	RGB 227 199 217	#E3C7D9
66.7%	66.7% #E0BBDC	RGB 224 187 220	#E0BBDC
83.3%	83.3% #D9B0DD	RGB 217 176 221	#D9B0DD
100.0%	100.0% #CAA5DB	RGB 202 165 219	#CAA5DB

#ECECEC #E9DFE1 #E6D3DB #E3C7D9 #E0BBDC #D9B0DD #CAA5DB

#ECECEC - #E3C7D9 - #CAA5DB

Codici CSS

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

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