#DBDBCC - #DFDBE2 | 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 #DBDBCC a #DFDBE2

#DBDBCC #DFDBE2

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

#DBDBCC - #DFDBE2 | 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 #DBDBCC come 0% e #DFDBE2 come 100%.

0.0%	0.0% #DBDBCC	RGB 219 219 204	#DBDBCC
16.7%	16.7% #DBDBCF	RGB 219 219 207	#DBDBCF
33.3%	33.3% #DCDBD3	RGB 220 219 211	#DCDBD3
50.0%	50.0% #DDDBD7	RGB 221 219 215	#DDDBD7
66.7%	66.7% #DDDBDA	RGB 221 219 218	#DDDBDA
83.3%	83.3% #DEDBDE	RGB 222 219 222	#DEDBDE
100.0%	100.0% #DFDBE2	RGB 223 219 226	#DFDBE2

#DBDBCC #DBDBCF #DCDBD3 #DDDBD7 #DDDBDA #DEDBDE #DFDBE2

#DBDBCC - #DFDBE2

Miscela HSV

#DBDBCC - #DFDBE2 | 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 #DBDBCC come 0% e #DFDBE2 come 100%.

0.0%	0.0% #DBDBCC	RGB 219 219 204	#DBDBCC
16.7%	16.7% #DCD6CE	RGB 220 214 206	#DCD6CE
33.3%	33.3% #DDD3D0	RGB 221 211 208	#DDD3D0
50.0%	50.0% #DED3D5	RGB 222 211 213	#DED3D5
66.7%	66.7% #DFD5DB	RGB 223 213 219	#DFD5DB
83.3%	83.3% #E0D8E0	RGB 224 216 224	#E0D8E0
100.0%	100.0% #DFDBE2	RGB 223 219 226	#DFDBE2

#DBDBCC #DCD6CE #DDD3D0 #DED3D5 #DFD5DB #E0D8E0 #DFDBE2

#DBDBCC - #DED3D5 - #DFDBE2

Codici CSS

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

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