#EDEBF4 - #AD9DBB | 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 #EDEBF4 a #AD9DBB

#EDEBF4 #AD9DBB

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

#EDEBF4 - #AD9DBB | 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 #EDEBF4 come 0% e #AD9DBB come 100%.

0.0%	0.0% #EDEBF4	RGB 237 235 244	#EDEBF4
16.7%	16.7% #E2DEEA	RGB 226 222 234	#E2DEEA
33.3%	33.3% #D7D1E1	RGB 215 209 225	#D7D1E1
50.0%	50.0% #CDC4D7	RGB 205 196 215	#CDC4D7
66.7%	66.7% #C2B7CE	RGB 194 183 206	#C2B7CE
83.3%	83.3% #B7AAC4	RGB 183 170 196	#B7AAC4
100.0%	100.0% #AD9DBB	RGB 173 157 187	#AD9DBB

#EDEBF4 #E2DEEA #D7D1E1 #CDC4D7 #C2B7CE #B7AAC4 #AD9DBB

#EDEBF4 - #AD9DBB

Miscela HSV

#EDEBF4 - #AD9DBB | 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 #EDEBF4 come 0% e #AD9DBB come 100%.

0.0%	0.0% #EDEBF4	RGB 237 235 244	#EDEBF4
16.7%	16.7% #E0DDEA	RGB 224 221 234	#E0DDEA
33.3%	33.3% #D5CFE1	RGB 213 207 225	#D5CFE1
50.0%	50.0% #CAC2D7	RGB 202 194 215	#CAC2D7
66.7%	66.7% #BFB5CE	RGB 191 181 206	#BFB5CE
83.3%	83.3% #B6A9C4	RGB 182 169 196	#B6A9C4
100.0%	100.0% #AD9DBB	RGB 173 157 187	#AD9DBB

#EDEBF4 #E0DDEA #D5CFE1 #CAC2D7 #BFB5CE #B6A9C4 #AD9DBB

#EDEBF4 - #CAC2D7 - #AD9DBB

Codici CSS

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

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