#5A8045 - #CFDAC9 | 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 #5A8045 a #CFDAC9

#5A8045 #CFDAC9

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

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

0.0%	0.0% #5A8045	RGB 90 128 69	#5A8045
16.7%	16.7% #6D8F5B	RGB 109 143 91	#6D8F5B
33.3%	33.3% #819E71	RGB 129 158 113	#819E71
50.0%	50.0% #94AD87	RGB 148 173 135	#94AD87
66.7%	66.7% #A8BC9D	RGB 168 188 157	#A8BC9D
83.3%	83.3% #BBCBB3	RGB 187 203 179	#BBCBB3
100.0%	100.0% #CFDAC9	RGB 207 218 201	#CFDAC9

#5A8045 #6D8F5B #819E71 #94AD87 #A8BC9D #BBCBB3 #CFDAC9

#5A8045 - #CFDAC9

Miscela HSV

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

0.0%	0.0% #5A8045	RGB 90 128 69	#5A8045
16.7%	16.7% #6A8F56	RGB 106 143 86	#6A8F56
33.3%	33.3% #7C9E69	RGB 124 158 105	#7C9E69
50.0%	50.0% #8EAD7E	RGB 142 173 126	#8EAD7E
66.7%	66.7% #A3BC95	RGB 163 188 149	#A3BC95
83.3%	83.3% #B8CBAE	RGB 184 203 174	#B8CBAE
100.0%	100.0% #CFDAC9	RGB 207 218 201	#CFDAC9

#5A8045 #6A8F56 #7C9E69 #8EAD7E #A3BC95 #B8CBAE #CFDAC9

#5A8045 - #8EAD7E - #CFDAC9

Codici CSS

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

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