#CED0CD - #839F7E | 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 #CED0CD a #839F7E

#CED0CD #839F7E

Calcola il colore tra due colori, #CED0CD e #839F7E. 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)

#CED0CD - #839F7E | 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 #CED0CD come 0% e #839F7E come 100%.

0.0%	0.0% #CED0CD	RGB 206 208 205	#CED0CD
16.7%	16.7% #C1C7BF	RGB 193 199 191	#C1C7BF
33.3%	33.3% #B5BFB2	RGB 181 191 178	#B5BFB2
50.0%	50.0% #A8B7A5	RGB 168 183 165	#A8B7A5
66.7%	66.7% #9CAF98	RGB 156 175 152	#9CAF98
83.3%	83.3% #8FA78B	RGB 143 167 139	#8FA78B
100.0%	100.0% #839F7E	RGB 131 159 126	#839F7E

#CED0CD #C1C7BF #B5BFB2 #A8B7A5 #9CAF98 #8FA78B #839F7E

#CED0CD - #839F7E

Miscela HSV

#CED0CD - #839F7E | 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 #CED0CD come 0% e #839F7E come 100%.

0.0%	0.0% #CED0CD	RGB 206 208 205	#CED0CD
16.7%	16.7% #C1C7BE	RGB 193 199 190	#C1C7BE
33.3%	33.3% #B4BFB0	RGB 180 191 176	#B4BFB0
50.0%	50.0% #A8B7A3	RGB 168 183 163	#A8B7A3
66.7%	66.7% #9BAF96	RGB 155 175 150	#9BAF96
83.3%	83.3% #8FA789	RGB 143 167 137	#8FA789
100.0%	100.0% #839F7E	RGB 131 159 126	#839F7E

#CED0CD #C1C7BE #B4BFB0 #A8B7A3 #9BAF96 #8FA789 #839F7E

#CED0CD - #A8B7A3 - #839F7E

Codici CSS

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

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