#52683C - #CDD3C7 | 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 #52683C a #CDD3C7

#52683C #CDD3C7

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

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

0.0%	0.0% #52683C	RGB 82 104 60	#52683C
16.7%	16.7% #667953	RGB 102 121 83	#667953
33.3%	33.3% #7B8B6A	RGB 123 139 106	#7B8B6A
50.0%	50.0% #8F9D81	RGB 143 157 129	#8F9D81
66.7%	66.7% #A4AF98	RGB 164 175 152	#A4AF98
83.3%	83.3% #B8C1AF	RGB 184 193 175	#B8C1AF
100.0%	100.0% #CDD3C7	RGB 205 211 199	#CDD3C7

#52683C #667953 #7B8B6A #8F9D81 #A4AF98 #B8C1AF #CDD3C7

#52683C - #CDD3C7

Miscela HSV

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

0.0%	0.0% #52683C	RGB 82 104 60	#52683C
16.7%	16.7% #63794D	RGB 99 121 77	#63794D
33.3%	33.3% #768B61	RGB 118 139 97	#768B61
50.0%	50.0% #8A9D77	RGB 138 157 119	#8A9D77
66.7%	66.7% #9FAF8F	RGB 159 175 143	#9FAF8F
83.3%	83.3% #B5C1AA	RGB 181 193 170	#B5C1AA
100.0%	100.0% #CDD3C7	RGB 205 211 199	#CDD3C7

#52683C #63794D #768B61 #8A9D77 #9FAF8F #B5C1AA #CDD3C7

#52683C - #8A9D77 - #CDD3C7

Codici CSS

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

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