#69603D - #DABF5E | 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 #69603D a #DABF5E

#69603D #DABF5E

Calcola il colore tra due colori, #69603D e #DABF5E. 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)

#69603D - #DABF5E | 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 #69603D come 0% e #DABF5E come 100%.

0.0%	0.0% #69603D	RGB 105 96 61	#69603D
16.7%	16.7% #7B6F42	RGB 123 111 66	#7B6F42
33.3%	33.3% #8E7F48	RGB 142 127 72	#8E7F48
50.0%	50.0% #A18F4D	RGB 161 143 77	#A18F4D
66.7%	66.7% #B49F53	RGB 180 159 83	#B49F53
83.3%	83.3% #C7AF58	RGB 199 175 88	#C7AF58
100.0%	100.0% #DABF5E	RGB 218 191 94	#DABF5E

#69603D #7B6F42 #8E7F48 #A18F4D #B49F53 #C7AF58 #DABF5E

#69603D - #DABF5E

Miscela HSV

#69603D - #DABF5E | 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 #69603D come 0% e #DABF5E come 100%.

0.0%	0.0% #69603D	RGB 105 96 61	#69603D
16.7%	16.7% #7B7044	RGB 123 112 68	#7B7044
33.3%	33.3% #8E804B	RGB 142 128 75	#8E804B
50.0%	50.0% #A19051	RGB 161 144 81	#A19051
66.7%	66.7% #B4A056	RGB 180 160 86	#B4A056
83.3%	83.3% #C7AF5A	RGB 199 175 90	#C7AF5A
100.0%	100.0% #DABF5E	RGB 218 191 94	#DABF5E

#69603D #7B7044 #8E804B #A19051 #B4A056 #C7AF5A #DABF5E

#69603D - #A19051 - #DABF5E

Codici CSS

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

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