#ECEACB - #CBBF78 | 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 #ECEACB a #CBBF78

#ECEACB #CBBF78

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

#ECEACB - #CBBF78 | 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 #ECEACB come 0% e #CBBF78 come 100%.

0.0%	0.0% #ECEACB	RGB 236 234 203	#ECEACB
16.7%	16.7% #E6E2BD	RGB 230 226 189	#E6E2BD
33.3%	33.3% #E1DBAF	RGB 225 219 175	#E1DBAF
50.0%	50.0% #DBD4A1	RGB 219 212 161	#DBD4A1
66.7%	66.7% #D6CD93	RGB 214 205 147	#D6CD93
83.3%	83.3% #D0C685	RGB 208 198 133	#D0C685
100.0%	100.0% #CBBF78	RGB 203 191 120	#CBBF78

#ECEACB #E6E2BD #E1DBAF #DBD4A1 #D6CD93 #D0C685 #CBBF78

#ECEACB - #CBBF78

Miscela HSV

#ECEACB - #CBBF78 | 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 #ECEACB come 0% e #CBBF78 come 100%.

0.0%	0.0% #ECEACB	RGB 236 234 203	#ECEACB
16.7%	16.7% #E6E3BB	RGB 230 227 187	#E6E3BB
33.3%	33.3% #E1DCAD	RGB 225 220 173	#E1DCAD
50.0%	50.0% #DBD59F	RGB 219 213 159	#DBD59F
66.7%	66.7% #D6CE91	RGB 214 206 145	#D6CE91
83.3%	83.3% #D0C684	RGB 208 198 132	#D0C684
100.0%	100.0% #CBBF78	RGB 203 191 120	#CBBF78

#ECEACB #E6E3BB #E1DCAD #DBD59F #D6CE91 #D0C684 #CBBF78

#ECEACB - #DBD59F - #CBBF78

Codici CSS

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

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