#DBBCC7 - #DBDCDF | 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 #DBBCC7 a #DBDCDF

#DBBCC7 #DBDCDF

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

#DBBCC7 - #DBDCDF | 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 #DBBCC7 come 0% e #DBDCDF come 100%.

0.0%	0.0% #DBBCC7	RGB 219 188 199	#DBBCC7
16.7%	16.7% #DBC1CB	RGB 219 193 203	#DBC1CB
33.3%	33.3% #DBC6CF	RGB 219 198 207	#DBC6CF
50.0%	50.0% #DBCCD3	RGB 219 204 211	#DBCCD3
66.7%	66.7% #DBD1D7	RGB 219 209 215	#DBD1D7
83.3%	83.3% #DBD6DB	RGB 219 214 219	#DBD6DB
100.0%	100.0% #DBDCDF	RGB 219 220 223	#DBDCDF

#DBBCC7 #DBC1CB #DBC6CF #DBCCD3 #DBD1D7 #DBD6DB #DBDCDF

#DBBCC7 - #DBDCDF

Miscela HSV

#DBBCC7 - #DBDCDF | 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 #DBBCC7 come 0% e #DBDCDF come 100%.

0.0%	0.0% #DBBCC7	RGB 219 188 199	#DBBCC7
16.7%	16.7% #DBC1D2	RGB 219 193 210	#DBC1D2
33.3%	33.3% #DCC6DC	RGB 220 198 220	#DCC6DC
50.0%	50.0% #D7CBDD	RGB 215 203 221	#D7CBDD
66.7%	66.7% #D5D0DD	RGB 213 208 221	#D5D0DD
83.3%	83.3% #D6D5DE	RGB 214 213 222	#D6D5DE
100.0%	100.0% #DBDCDF	RGB 219 220 223	#DBDCDF

#DBBCC7 #DBC1D2 #DCC6DC #D7CBDD #D5D0DD #D6D5DE #DBDCDF

#DBBCC7 - #D7CBDD - #DBDCDF

Codici CSS

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

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