#DFDCEC - #9F8FD9 | 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 #DFDCEC a #9F8FD9

#DFDCEC #9F8FD9

Calcola il colore tra due colori, #DFDCEC e #9F8FD9. 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)

#DFDCEC - #9F8FD9 | 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 #DFDCEC come 0% e #9F8FD9 come 100%.

0.0%	0.0% #DFDCEC	RGB 223 220 236	#DFDCEC
16.7%	16.7% #D4CFE8	RGB 212 207 232	#D4CFE8
33.3%	33.3% #C9C2E5	RGB 201 194 229	#C9C2E5
50.0%	50.0% #BFB5E2	RGB 191 181 226	#BFB5E2
66.7%	66.7% #B4A8DF	RGB 180 168 223	#B4A8DF
83.3%	83.3% #A99BDC	RGB 169 155 220	#A99BDC
100.0%	100.0% #9F8FD9	RGB 159 143 217	#9F8FD9

#DFDCEC #D4CFE8 #C9C2E5 #BFB5E2 #B4A8DF #A99BDC #9F8FD9

#DFDCEC - #9F8FD9

Miscela HSV

#DFDCEC - #9F8FD9 | 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 #DFDCEC come 0% e #9F8FD9 come 100%.

0.0%	0.0% #DFDCEC	RGB 223 220 236	#DFDCEC
16.7%	16.7% #D3CEE8	RGB 211 206 232	#D3CEE8
33.3%	33.3% #C8C1E5	RGB 200 193 229	#C8C1E5
50.0%	50.0% #BDB4E2	RGB 189 180 226	#BDB4E2
66.7%	66.7% #B3A7DF	RGB 179 167 223	#B3A7DF
83.3%	83.3% #A89BDC	RGB 168 155 220	#A89BDC
100.0%	100.0% #9F8FD9	RGB 159 143 217	#9F8FD9

#DFDCEC #D3CEE8 #C8C1E5 #BDB4E2 #B3A7DF #A89BDC #9F8FD9

#DFDCEC - #BDB4E2 - #9F8FD9

Codici CSS

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

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