#85888B - #DDD4A8 | 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 #85888B a #DDD4A8

#85888B #DDD4A8

Calcola il colore tra due colori, #85888B e #DDD4A8. 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)

#85888B - #DDD4A8 | 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 #85888B come 0% e #DDD4A8 come 100%.

0.0%	0.0% #85888B	RGB 133 136 139	#85888B
16.7%	16.7% #93948F	RGB 147 148 143	#93948F
33.3%	33.3% #A2A194	RGB 162 161 148	#A2A194
50.0%	50.0% #B1AE99	RGB 177 174 153	#B1AE99
66.7%	66.7% #BFBA9E	RGB 191 186 158	#BFBA9E
83.3%	83.3% #CEC7A3	RGB 206 199 163	#CEC7A3
100.0%	100.0% #DDD4A8	RGB 221 212 168	#DDD4A8

#85888B #93948F #A2A194 #B1AE99 #BFBA9E #CEC7A3 #DDD4A8

#85888B - #DDD4A8

Miscela HSV

#85888B - #DDD4A8 | 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 #85888B come 0% e #DDD4A8 come 100%.

0.0%	0.0% #85888B	RGB 133 136 139	#85888B
16.7%	16.7% #8D9898	RGB 141 152 152	#8D9898
33.3%	33.3% #94A69F	RGB 148 166 159	#94A69F
50.0%	50.0% #9AB49E	RGB 154 180 158	#9AB49E
66.7%	66.7% #A9C19F	RGB 169 193 159	#A9C19F
83.3%	83.3% #C3CFA4	RGB 195 207 164	#C3CFA4
100.0%	100.0% #DDD4A8	RGB 221 212 168	#DDD4A8

#85888B #8D9898 #94A69F #9AB49E #A9C19F #C3CFA4 #DDD4A8

#85888B - #9AB49E - #DDD4A8

Codici CSS

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

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