#C4CAA1 - #85974C | 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 #C4CAA1 a #85974C

#C4CAA1 #85974C

Calcola il colore tra due colori, #C4CAA1 e #85974C. 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)

#C4CAA1 - #85974C | 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 #C4CAA1 come 0% e #85974C come 100%.

0.0%	0.0% #C4CAA1	RGB 196 202 161	#C4CAA1
16.7%	16.7% #B9C192	RGB 185 193 146	#B9C192
33.3%	33.3% #AFB984	RGB 175 185 132	#AFB984
50.0%	50.0% #A4B076	RGB 164 176 118	#A4B076
66.7%	66.7% #9AA868	RGB 154 168 104	#9AA868
83.3%	83.3% #8F9F5A	RGB 143 159 90	#8F9F5A
100.0%	100.0% #85974C	RGB 133 151 76	#85974C

#C4CAA1 #B9C192 #AFB984 #A4B076 #9AA868 #8F9F5A #85974C

#C4CAA1 - #85974C

Miscela HSV

#C4CAA1 - #85974C | 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 #C4CAA1 come 0% e #85974C come 100%.

0.0%	0.0% #C4CAA1	RGB 196 202 161	#C4CAA1
16.7%	16.7% #B9C190	RGB 185 193 144	#B9C190
33.3%	33.3% #AFB981	RGB 175 185 129	#AFB981
50.0%	50.0% #A4B072	RGB 164 176 114	#A4B072
66.7%	66.7% #9AA865	RGB 154 168 101	#9AA865
83.3%	83.3% #8F9F58	RGB 143 159 88	#8F9F58
100.0%	100.0% #85974C	RGB 133 151 76	#85974C

#C4CAA1 #B9C190 #AFB981 #A4B072 #9AA865 #8F9F58 #85974C

#C4CAA1 - #A4B072 - #85974C

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4CAA1 0%, #A4B072 50%, #85974C 100%);
    background: -webkit-linear-gradient(top, #C4CAA1 0%, #A4B072 50%, #85974C 100%);
    background: linear-gradient(to bottom, #C4CAA1 0%, #A4B072 50%, #85974C 100%);
}
</style>