#DCCA8D - #DBDAD9 | 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 #DCCA8D a #DBDAD9

#DCCA8D #DBDAD9

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

#DCCA8D - #DBDAD9 | 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 #DCCA8D come 0% e #DBDAD9 come 100%.

0.0%	0.0% #DCCA8D	RGB 220 202 141	#DCCA8D
16.7%	16.7% #DBCC99	RGB 219 204 153	#DBCC99
33.3%	33.3% #DBCFA6	RGB 219 207 166	#DBCFA6
50.0%	50.0% #DBD2B3	RGB 219 210 179	#DBD2B3
66.7%	66.7% #DBD4BF	RGB 219 212 191	#DBD4BF
83.3%	83.3% #DBD7CC	RGB 219 215 204	#DBD7CC
100.0%	100.0% #DBDAD9	RGB 219 218 217	#DBDAD9

#DCCA8D #DBCC99 #DBCFA6 #DBD2B3 #DBD4BF #DBD7CC #DBDAD9

#DCCA8D - #DBDAD9

Miscela HSV

#DCCA8D - #DBDAD9 | 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 #DCCA8D come 0% e #DBDAD9 come 100%.

0.0%	0.0% #DCCA8D	RGB 220 202 141	#DCCA8D
16.7%	16.7% #DBC999	RGB 219 201 153	#DBC999
33.3%	33.3% #DBCAA6	RGB 219 202 166	#DBCAA6
50.0%	50.0% #DBCCB3	RGB 219 204 179	#DBCCB3
66.7%	66.7% #DBD0BF	RGB 219 208 191	#DBD0BF
83.3%	83.3% #DBD4CC	RGB 219 212 204	#DBD4CC
100.0%	100.0% #DBDAD9	RGB 219 218 217	#DBDAD9

#DCCA8D #DBC999 #DBCAA6 #DBCCB3 #DBD0BF #DBD4CC #DBDAD9

#DCCA8D - #DBCCB3 - #DBDAD9

Codici CSS

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

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