#ADB6BF - #E4DBCB | 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 #ADB6BF a #E4DBCB

#ADB6BF #E4DBCB

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

#ADB6BF - #E4DBCB | 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 #ADB6BF come 0% e #E4DBCB come 100%.

0.0%	0.0% #ADB6BF	RGB 173 182 191	#ADB6BF
16.7%	16.7% #B6BCC1	RGB 182 188 193	#B6BCC1
33.3%	33.3% #BFC2C3	RGB 191 194 195	#BFC2C3
50.0%	50.0% #C8C8C5	RGB 200 200 197	#C8C8C5
66.7%	66.7% #D1CEC7	RGB 209 206 199	#D1CEC7
83.3%	83.3% #DAD4C9	RGB 218 212 201	#DAD4C9
100.0%	100.0% #E4DBCB	RGB 228 219 203	#E4DBCB

#ADB6BF #B6BCC1 #BFC2C3 #C8C8C5 #D1CEC7 #DAD4C9 #E4DBCB

#ADB6BF - #E4DBCB

Miscela HSV

#ADB6BF - #E4DBCB | 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 #ADB6BF come 0% e #E4DBCB come 100%.

0.0%	0.0% #ADB6BF	RGB 173 182 191	#ADB6BF
16.7%	16.7% #B2C4C5	RGB 178 196 197	#B2C4C5
33.3%	33.3% #B7CBC2	RGB 183 203 194	#B7CBC2
50.0%	50.0% #BCD1BD	RGB 188 209 189	#BCD1BD
66.7%	66.7% #CAD7C1	RGB 202 215 193	#CAD7C1
83.3%	83.3% #DBDDC6	RGB 219 221 198	#DBDDC6
100.0%	100.0% #E4DBCB	RGB 228 219 203	#E4DBCB

#ADB6BF #B2C4C5 #B7CBC2 #BCD1BD #CAD7C1 #DBDDC6 #E4DBCB

#ADB6BF - #BCD1BD - #E4DBCB

Codici CSS

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

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