#E5E5DF - #9EA78E | 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 #E5E5DF a #9EA78E

#E5E5DF #9EA78E

Calcola il colore tra due colori, #E5E5DF e #9EA78E. 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)

#E5E5DF - #9EA78E | 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 #E5E5DF come 0% e #9EA78E come 100%.

0.0%	0.0% #E5E5DF	RGB 229 229 223	#E5E5DF
16.7%	16.7% #D9DAD1	RGB 217 218 209	#D9DAD1
33.3%	33.3% #CDD0C4	RGB 205 208 196	#CDD0C4
50.0%	50.0% #C1C6B6	RGB 193 198 182	#C1C6B6
66.7%	66.7% #B5BBA9	RGB 181 187 169	#B5BBA9
83.3%	83.3% #A9B19B	RGB 169 177 155	#A9B19B
100.0%	100.0% #9EA78E	RGB 158 167 142	#9EA78E

#E5E5DF #D9DAD1 #CDD0C4 #C1C6B6 #B5BBA9 #A9B19B #9EA78E

#E5E5DF - #9EA78E

Miscela HSV

#E5E5DF - #9EA78E | 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 #E5E5DF come 0% e #9EA78E come 100%.

0.0%	0.0% #E5E5DF	RGB 229 229 223	#E5E5DF
16.7%	16.7% #DADAD0	RGB 218 218 208	#DADAD0
33.3%	33.3% #CED0C2	RGB 206 208 194	#CED0C2
50.0%	50.0% #C2C6B4	RGB 194 198 180	#C2C6B4
66.7%	66.7% #B6BBA7	RGB 182 187 167	#B6BBA7
83.3%	83.3% #AAB19A	RGB 170 177 154	#AAB19A
100.0%	100.0% #9EA78E	RGB 158 167 142	#9EA78E

#E5E5DF #DADAD0 #CED0C2 #C2C6B4 #B6BBA7 #AAB19A #9EA78E

#E5E5DF - #C2C6B4 - #9EA78E

Codici CSS

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

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