#638E5E - #E4D07C | 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 #638E5E a #E4D07C

#638E5E #E4D07C

Calcola il colore tra due colori, #638E5E e #E4D07C. 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)

#638E5E - #E4D07C | 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 #638E5E come 0% e #E4D07C come 100%.

0.0%	0.0% #638E5E	RGB 99 142 94	#638E5E
16.7%	16.7% #789963	RGB 120 153 99	#789963
33.3%	33.3% #8EA468	RGB 142 164 104	#8EA468
50.0%	50.0% #A3AF6D	RGB 163 175 109	#A3AF6D
66.7%	66.7% #B9BA72	RGB 185 186 114	#B9BA72
83.3%	83.3% #CEC577	RGB 206 197 119	#CEC577
100.0%	100.0% #E4D07C	RGB 228 208 124	#E4D07C

#638E5E #789963 #8EA468 #A3AF6D #B9BA72 #CEC577 #E4D07C

#638E5E - #E4D07C

Miscela HSV

#638E5E - #E4D07C | 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 #638E5E come 0% e #E4D07C come 100%.

0.0%	0.0% #638E5E	RGB 99 142 94	#638E5E
16.7%	16.7% #749C64	RGB 116 156 100	#749C64
33.3%	33.3% #88AA6A	RGB 136 170 106	#88AA6A
50.0%	50.0% #9FB96F	RGB 159 185 111	#9FB96F
66.7%	66.7% #B9C774	RGB 185 199 116	#B9C774
83.3%	83.3% #D5D478	RGB 213 212 120	#D5D478
100.0%	100.0% #E4D07C	RGB 228 208 124	#E4D07C

#638E5E #749C64 #88AA6A #9FB96F #B9C774 #D5D478 #E4D07C

#638E5E - #9FB96F - #E4D07C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #638E5E 0%, #9FB96F 50%, #E4D07C 100%);
    background: -webkit-linear-gradient(top, #638E5E 0%, #9FB96F 50%, #E4D07C 100%);
    background: linear-gradient(to bottom, #638E5E 0%, #9FB96F 50%, #E4D07C 100%);
}
</style>