#5E5E5E - #DB8B99 | 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 #5E5E5E a #DB8B99

#5E5E5E #DB8B99

Calcola il colore tra due colori, #5E5E5E e #DB8B99. 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)

#5E5E5E - #DB8B99 | 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 #5E5E5E come 0% e #DB8B99 come 100%.

0.0%	0.0% #5E5E5E	RGB 94 94 94	#5E5E5E
16.7%	16.7% #726567	RGB 114 101 103	#726567
33.3%	33.3% #876D71	RGB 135 109 113	#876D71
50.0%	50.0% #9C747B	RGB 156 116 123	#9C747B
66.7%	66.7% #B17C85	RGB 177 124 133	#B17C85
83.3%	83.3% #C6838F	RGB 198 131 143	#C6838F
100.0%	100.0% #DB8B99	RGB 219 139 153	#DB8B99

#5E5E5E #726567 #876D71 #9C747B #B17C85 #C6838F #DB8B99

#5E5E5E - #DB8B99

Miscela HSV

#5E5E5E - #DB8B99 | 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 #5E5E5E come 0% e #DB8B99 come 100%.

0.0%	0.0% #5E5E5E	RGB 94 94 94	#5E5E5E
16.7%	16.7% #726B6C	RGB 114 107 108	#726B6C
33.3%	33.3% #877778	RGB 135 119 120	#877778
50.0%	50.0% #9C7F82	RGB 156 127 130	#9C7F82
66.7%	66.7% #B1868B	RGB 177 134 139	#B1868B
83.3%	83.3% #C68992	RGB 198 137 146	#C68992
100.0%	100.0% #DB8B99	RGB 219 139 153	#DB8B99

#5E5E5E #726B6C #877778 #9C7F82 #B1868B #C68992 #DB8B99

#5E5E5E - #9C7F82 - #DB8B99

Codici CSS

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

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