#96808C - #FEC9A8 | 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 #96808C a #FEC9A8

#96808C #FEC9A8

Calcola il colore tra due colori, #96808C e #FEC9A8. 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)

#96808C - #FEC9A8 | 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 #96808C come 0% e #FEC9A8 come 100%.

0.0%	0.0% #96808C	RGB 150 128 140	#96808C
16.7%	16.7% #A78C90	RGB 167 140 144	#A78C90
33.3%	33.3% #B89895	RGB 184 152 149	#B89895
50.0%	50.0% #CAA49A	RGB 202 164 154	#CAA49A
66.7%	66.7% #DBB09E	RGB 219 176 158	#DBB09E
83.3%	83.3% #ECBCA3	RGB 236 188 163	#ECBCA3
100.0%	100.0% #FEC9A8	RGB 254 201 168	#FEC9A8

#96808C #A78C90 #B89895 #CAA49A #DBB09E #ECBCA3 #FEC9A8

#96808C - #FEC9A8

Miscela HSV

#96808C - #FEC9A8 | 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 #96808C come 0% e #FEC9A8 come 100%.

0.0%	0.0% #96808C	RGB 150 128 140	#96808C
16.7%	16.7% #A78995	RGB 167 137 149	#A78995
33.3%	33.3% #B8919A	RGB 184 145 154	#B8919A
50.0%	50.0% #CA989C	RGB 202 152 156	#CA989C
66.7%	66.7% #DBA39F	RGB 219 163 159	#DBA39F
83.3%	83.3% #ECB4A4	RGB 236 180 164	#ECB4A4
100.0%	100.0% #FEC9A8	RGB 254 201 168	#FEC9A8

#96808C #A78995 #B8919A #CA989C #DBA39F #ECB4A4 #FEC9A8

#96808C - #CA989C - #FEC9A8

Codici CSS

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

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