#999A8C - #E8CDA9 | 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 #999A8C a #E8CDA9

#999A8C #E8CDA9

Calcola il colore tra due colori, #999A8C e #E8CDA9. 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)

#999A8C - #E8CDA9 | 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 #999A8C come 0% e #E8CDA9 come 100%.

0.0%	0.0% #999A8C	RGB 153 154 140	#999A8C
16.7%	16.7% #A6A290	RGB 166 162 144	#A6A290
33.3%	33.3% #B3AB95	RGB 179 171 149	#B3AB95
50.0%	50.0% #C0B39A	RGB 192 179 154	#C0B39A
66.7%	66.7% #CDBC9F	RGB 205 188 159	#CDBC9F
83.3%	83.3% #DAC4A4	RGB 218 196 164	#DAC4A4
100.0%	100.0% #E8CDA9	RGB 232 205 169	#E8CDA9

#999A8C #A6A290 #B3AB95 #C0B39A #CDBC9F #DAC4A4 #E8CDA9

#999A8C - #E8CDA9

Miscela HSV

#999A8C - #E8CDA9 | 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 #999A8C come 0% e #E8CDA9 come 100%.

0.0%	0.0% #999A8C	RGB 153 154 140	#999A8C
16.7%	16.7% #A7A692	RGB 167 166 146	#A7A692
33.3%	33.3% #B4B198	RGB 180 177 152	#B4B198
50.0%	50.0% #C1BA9E	RGB 193 186 158	#C1BA9E
66.7%	66.7% #CEC2A2	RGB 206 194 162	#CEC2A2
83.3%	83.3% #DBC8A6	RGB 219 200 166	#DBC8A6
100.0%	100.0% #E8CDA9	RGB 232 205 169	#E8CDA9

#999A8C #A7A692 #B4B198 #C1BA9E #CEC2A2 #DBC8A6 #E8CDA9

#999A8C - #C1BA9E - #E8CDA9

Codici CSS

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

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