#5E7151 - #CDB974 | 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 #5E7151 a #CDB974

#5E7151 #CDB974

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

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

0.0%	0.0% #5E7151	RGB 94 113 81	#5E7151
16.7%	16.7% #707D56	RGB 112 125 86	#707D56
33.3%	33.3% #83895C	RGB 131 137 92	#83895C
50.0%	50.0% #959562	RGB 149 149 98	#959562
66.7%	66.7% #A8A168	RGB 168 161 104	#A8A168
83.3%	83.3% #BAAD6E	RGB 186 173 110	#BAAD6E
100.0%	100.0% #CDB974	RGB 205 185 116	#CDB974

#5E7151 #707D56 #83895C #959562 #A8A168 #BAAD6E #CDB974

#5E7151 - #CDB974

Miscela HSV

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

0.0%	0.0% #5E7151	RGB 94 113 81	#5E7151
16.7%	16.7% #6E8058	RGB 110 128 88	#6E8058
33.3%	33.3% #808F5F	RGB 128 143 95	#808F5F
50.0%	50.0% #949F65	RGB 148 159 101	#949F65
66.7%	66.7% #ABAE6B	RGB 171 174 107	#ABAE6B
83.3%	83.3% #BDB670	RGB 189 182 112	#BDB670
100.0%	100.0% #CDB974	RGB 205 185 116	#CDB974

#5E7151 #6E8058 #808F5F #949F65 #ABAE6B #BDB670 #CDB974

#5E7151 - #949F65 - #CDB974

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E7151 0%, #949F65 50%, #CDB974 100%);
    background: -webkit-linear-gradient(top, #5E7151 0%, #949F65 50%, #CDB974 100%);
    background: linear-gradient(to bottom, #5E7151 0%, #949F65 50%, #CDB974 100%);
}
</style>