#8C5E68 - #BAF29D | 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 #8C5E68 a #BAF29D

#8C5E68 #BAF29D

Calcola il colore tra due colori, #8C5E68 e #BAF29D. 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)

#8C5E68 - #BAF29D | 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 #8C5E68 come 0% e #BAF29D come 100%.

0.0%	0.0% #8C5E68	RGB 140 94 104	#8C5E68
16.7%	16.7% #937670	RGB 147 118 112	#937670
33.3%	33.3% #9B8F79	RGB 155 143 121	#9B8F79
50.0%	50.0% #A3A882	RGB 163 168 130	#A3A882
66.7%	66.7% #AAC08B	RGB 170 192 139	#AAC08B
83.3%	83.3% #B2D994	RGB 178 217 148	#B2D994
100.0%	100.0% #BAF29D	RGB 186 242 157	#BAF29D

#8C5E68 #937670 #9B8F79 #A3A882 #AAC08B #B2D994 #BAF29D

#8C5E68 - #BAF29D

Miscela HSV

#8C5E68 - #BAF29D | 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 #8C5E68 come 0% e #BAF29D come 100%.

0.0%	0.0% #8C5E68	RGB 140 94 104	#8C5E68
16.7%	16.7% #9D6D68	RGB 157 109 104	#9D6D68
33.3%	33.3% #AE8B73	RGB 174 139 115	#AE8B73
50.0%	50.0% #BFAC7E	RGB 191 172 126	#BFAC7E
66.7%	66.7% #CDD088	RGB 205 208 136	#CDD088
83.3%	83.3% #C5E192	RGB 197 225 146	#C5E192
100.0%	100.0% #BAF29D	RGB 186 242 157	#BAF29D

#8C5E68 #9D6D68 #AE8B73 #BFAC7E #CDD088 #C5E192 #BAF29D

#8C5E68 - #BFAC7E - #BAF29D

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8C5E68 0%, #BFAC7E 50%, #BAF29D 100%);
    background: -webkit-linear-gradient(top, #8C5E68 0%, #BFAC7E 50%, #BAF29D 100%);
    background: linear-gradient(to bottom, #8C5E68 0%, #BFAC7E 50%, #BAF29D 100%);
}
</style>