#CAAF5E - #A2721B | 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 #CAAF5E a #A2721B

#CAAF5E #A2721B

Calcola il colore tra due colori, #CAAF5E e #A2721B. 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)

#CAAF5E - #A2721B | 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 #CAAF5E come 0% e #A2721B come 100%.

0.0%	0.0% #CAAF5E	RGB 202 175 94	#CAAF5E
16.7%	16.7% #C3A452	RGB 195 164 82	#C3A452
33.3%	33.3% #BC9A47	RGB 188 154 71	#BC9A47
50.0%	50.0% #B6903C	RGB 182 144 60	#B6903C
66.7%	66.7% #AF8631	RGB 175 134 49	#AF8631
83.3%	83.3% #A87C26	RGB 168 124 38	#A87C26
100.0%	100.0% #A2721B	RGB 162 114 27	#A2721B

#CAAF5E #C3A452 #BC9A47 #B6903C #AF8631 #A87C26 #A2721B

#CAAF5E - #A2721B

Miscela HSV

#CAAF5E - #A2721B | 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 #CAAF5E come 0% e #A2721B come 100%.

0.0%	0.0% #CAAF5E	RGB 202 175 94	#CAAF5E
16.7%	16.7% #C3A451	RGB 195 164 81	#C3A451
33.3%	33.3% #BC9A45	RGB 188 154 69	#BC9A45
50.0%	50.0% #B69039	RGB 182 144 57	#B69039
66.7%	66.7% #AF862E	RGB 175 134 46	#AF862E
83.3%	83.3% #A87C24	RGB 168 124 36	#A87C24
100.0%	100.0% #A2721B	RGB 162 114 27	#A2721B

#CAAF5E #C3A451 #BC9A45 #B69039 #AF862E #A87C24 #A2721B

#CAAF5E - #B69039 - #A2721B

Codici CSS

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

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