#67AA5E - #E3C688 | 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 #67AA5E a #E3C688

#67AA5E #E3C688

Calcola il colore tra due colori, #67AA5E e #E3C688. 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)

#67AA5E - #E3C688 | 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 #67AA5E come 0% e #E3C688 come 100%.

0.0%	0.0% #67AA5E	RGB 103 170 94	#67AA5E
16.7%	16.7% #7BAE65	RGB 123 174 101	#7BAE65
33.3%	33.3% #90B36C	RGB 144 179 108	#90B36C
50.0%	50.0% #A5B873	RGB 165 184 115	#A5B873
66.7%	66.7% #B9BC7A	RGB 185 188 122	#B9BC7A
83.3%	83.3% #CEC181	RGB 206 193 129	#CEC181
100.0%	100.0% #E3C688	RGB 227 198 136	#E3C688

#67AA5E #7BAE65 #90B36C #A5B873 #B9BC7A #CEC181 #E3C688

#67AA5E - #E3C688

Miscela HSV

#67AA5E - #E3C688 | 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 #67AA5E come 0% e #E3C688 come 100%.

0.0%	0.0% #67AA5E	RGB 103 170 94	#67AA5E
16.7%	16.7% #7DB364	RGB 125 179 100	#7DB364
33.3%	33.3% #95BD6B	RGB 149 189 107	#95BD6B
50.0%	50.0% #AEC672	RGB 174 198 114	#AEC672
66.7%	66.7% #C8D079	RGB 200 208 121	#C8D079
83.3%	83.3% #D9CE80	RGB 217 206 128	#D9CE80
100.0%	100.0% #E3C688	RGB 227 198 136	#E3C688

#67AA5E #7DB364 #95BD6B #AEC672 #C8D079 #D9CE80 #E3C688

#67AA5E - #AEC672 - #E3C688

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #67AA5E 0%, #AEC672 50%, #E3C688 100%);
    background: -webkit-linear-gradient(top, #67AA5E 0%, #AEC672 50%, #E3C688 100%);
    background: linear-gradient(to bottom, #67AA5E 0%, #AEC672 50%, #E3C688 100%);
}
</style>