#CFB17C - #AD792C | 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 #CFB17C a #AD792C

#CFB17C #AD792C

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

#CFB17C - #AD792C | 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 #CFB17C come 0% e #AD792C come 100%.

0.0%	0.0% #CFB17C	RGB 207 177 124	#CFB17C
16.7%	16.7% #C9A76E	RGB 201 167 110	#C9A76E
33.3%	33.3% #C39E61	RGB 195 158 97	#C39E61
50.0%	50.0% #BE9554	RGB 190 149 84	#BE9554
66.7%	66.7% #B88B46	RGB 184 139 70	#B88B46
83.3%	83.3% #B28239	RGB 178 130 57	#B28239
100.0%	100.0% #AD792C	RGB 173 121 44	#AD792C

#CFB17C #C9A76E #C39E61 #BE9554 #B88B46 #B28239 #AD792C

#CFB17C - #AD792C

Miscela HSV

#CFB17C - #AD792C | 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 #CFB17C come 0% e #AD792C come 100%.

0.0%	0.0% #CFB17C	RGB 207 177 124	#CFB17C
16.7%	16.7% #C9A76D	RGB 201 167 109	#C9A76D
33.3%	33.3% #C39D5E	RGB 195 157 94	#C39D5E
50.0%	50.0% #BE9451	RGB 190 148 81	#BE9451
66.7%	66.7% #B88B44	RGB 184 139 68	#B88B44
83.3%	83.3% #B28137	RGB 178 129 55	#B28137
100.0%	100.0% #AD792C	RGB 173 121 44	#AD792C

#CFB17C #C9A76D #C39D5E #BE9451 #B88B44 #B28137 #AD792C

#CFB17C - #BE9451 - #AD792C

Codici CSS

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

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