#DBBDB2 - #DFE6EB | 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 #DBBDB2 a #DFE6EB

#DBBDB2 #DFE6EB

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

#DBBDB2 - #DFE6EB | 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 #DBBDB2 come 0% e #DFE6EB come 100%.

0.0%	0.0% #DBBDB2	RGB 219 189 178	#DBBDB2
16.7%	16.7% #DBC3BB	RGB 219 195 187	#DBC3BB
33.3%	33.3% #DCCAC5	RGB 220 202 197	#DCCAC5
50.0%	50.0% #DDD1CE	RGB 221 209 206	#DDD1CE
66.7%	66.7% #DDD8D8	RGB 221 216 216	#DDD8D8
83.3%	83.3% #DEDFE1	RGB 222 223 225	#DEDFE1
100.0%	100.0% #DFE6EB	RGB 223 230 235	#DFE6EB

#DBBDB2 #DBC3BB #DCCAC5 #DDD1CE #DDD8D8 #DEDFE1 #DFE6EB

#DBBDB2 - #DFE6EB

Miscela HSV

#DBBDB2 - #DFE6EB | 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 #DBBDB2 come 0% e #DFE6EB come 100%.

0.0%	0.0% #DBBDB2	RGB 219 189 178	#DBBDB2
16.7%	16.7% #DDB9C0	RGB 221 185 192	#DDB9C0
33.3%	33.3% #E0C0D6	RGB 224 192 214	#E0C0D6
50.0%	50.0% #DEC7E3	RGB 222 199 227	#DEC7E3
66.7%	66.7% #D7CFE5	RGB 215 207 229	#D7CFE5
83.3%	83.3% #D7D9E8	RGB 215 217 232	#D7D9E8
100.0%	100.0% #DFE6EB	RGB 223 230 235	#DFE6EB

#DBBDB2 #DDB9C0 #E0C0D6 #DEC7E3 #D7CFE5 #D7D9E8 #DFE6EB

#DBBDB2 - #DEC7E3 - #DFE6EB

Codici CSS

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

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