#736A6D - #EFB48C | 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 #736A6D a #EFB48C

#736A6D #EFB48C

Calcola il colore tra due colori, #736A6D e #EFB48C. 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)

#736A6D - #EFB48C | 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 #736A6D come 0% e #EFB48C come 100%.

0.0%	0.0% #736A6D	RGB 115 106 109	#736A6D
16.7%	16.7% #877672	RGB 135 118 114	#877672
33.3%	33.3% #9C8277	RGB 156 130 119	#9C8277
50.0%	50.0% #B18F7C	RGB 177 143 124	#B18F7C
66.7%	66.7% #C59B81	RGB 197 155 129	#C59B81
83.3%	83.3% #DAA786	RGB 218 167 134	#DAA786
100.0%	100.0% #EFB48C	RGB 239 180 140	#EFB48C

#736A6D #877672 #9C8277 #B18F7C #C59B81 #DAA786 #EFB48C

#736A6D - #EFB48C

Miscela HSV

#736A6D - #EFB48C | 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 #736A6D come 0% e #EFB48C come 100%.

0.0%	0.0% #736A6D	RGB 115 106 109	#736A6D
16.7%	16.7% #877579	RGB 135 117 121	#877579
33.3%	33.3% #9C7E81	RGB 156 126 129	#9C7E81
50.0%	50.0% #B18685	RGB 177 134 133	#B18685
66.7%	66.7% #C59389	RGB 197 147 137	#C59389
83.3%	83.3% #DAA28C	RGB 218 162 140	#DAA28C
100.0%	100.0% #EFB48C	RGB 239 180 140	#EFB48C

#736A6D #877579 #9C7E81 #B18685 #C59389 #DAA28C #EFB48C

#736A6D - #B18685 - #EFB48C

Codici CSS

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

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