#DBBCBE - #DBDBDF | 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 #DBBCBE a #DBDBDF

#DBBCBE #DBDBDF

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

#DBBCBE - #DBDBDF | 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 #DBBCBE come 0% e #DBDBDF come 100%.

0.0%	0.0% #DBBCBE	RGB 219 188 190	#DBBCBE
16.7%	16.7% #DBC1C3	RGB 219 193 195	#DBC1C3
33.3%	33.3% #DBC6C9	RGB 219 198 201	#DBC6C9
50.0%	50.0% #DBCBCE	RGB 219 203 206	#DBCBCE
66.7%	66.7% #DBD0D4	RGB 219 208 212	#DBD0D4
83.3%	83.3% #DBD5D9	RGB 219 213 217	#DBD5D9
100.0%	100.0% #DBDBDF	RGB 219 219 223	#DBDBDF

#DBBCBE #DBC1C3 #DBC6C9 #DBCBCE #DBD0D4 #DBD5D9 #DBDBDF

#DBBCBE - #DBDBDF

Miscela HSV

#DBBCBE - #DBDBDF | 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 #DBBCBE come 0% e #DBDBDF come 100%.

0.0%	0.0% #DBBCBE	RGB 219 188 190	#DBBCBE
16.7%	16.7% #DBC1CB	RGB 219 193 203	#DBC1CB
33.3%	33.3% #DCC6D5	RGB 220 198 213	#DCC6D5
50.0%	50.0% #DCCBDD	RGB 220 203 221	#DCCBDD
66.7%	66.7% #D9D0DD	RGB 217 208 221	#D9D0DD
83.3%	83.3% #D8D5DE	RGB 216 213 222	#D8D5DE
100.0%	100.0% #DBDBDF	RGB 219 219 223	#DBDBDF

#DBBCBE #DBC1CB #DCC6D5 #DCCBDD #D9D0DD #D8D5DE #DBDBDF

#DBBCBE - #DCCBDD - #DBDBDF

Codici CSS

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

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