#2D3C0F - #C3C7BA | 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 #2D3C0F a #C3C7BA

#2D3C0F #C3C7BA

Calcola il colore tra due colori, #2D3C0F e #C3C7BA. 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)

#2D3C0F - #C3C7BA | 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 #2D3C0F come 0% e #C3C7BA come 100%.

0.0%	0.0% #2D3C0F	RGB 45 60 15	#2D3C0F
16.7%	16.7% #46532B	RGB 70 83 43	#46532B
33.3%	33.3% #5F6A48	RGB 95 106 72	#5F6A48
50.0%	50.0% #788164	RGB 120 129 100	#788164
66.7%	66.7% #919881	RGB 145 152 129	#919881
83.3%	83.3% #AAAF9D	RGB 170 175 157	#AAAF9D
100.0%	100.0% #C3C7BA	RGB 195 199 186	#C3C7BA

#2D3C0F #46532B #5F6A48 #788164 #919881 #AAAF9D #C3C7BA

#2D3C0F - #C3C7BA

Miscela HSV

#2D3C0F - #C3C7BA | 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 #2D3C0F come 0% e #C3C7BA come 100%.

0.0%	0.0% #2D3C0F	RGB 45 60 15	#2D3C0F
16.7%	16.7% #41531E	RGB 65 83 30	#41531E
33.3%	33.3% #586A32	RGB 88 106 50	#586A32
50.0%	50.0% #70814C	RGB 112 129 76	#70814C
66.7%	66.7% #8A986B	RGB 138 152 107	#8A986B
83.3%	83.3% #A5AF90	RGB 165 175 144	#A5AF90
100.0%	100.0% #C3C7BA	RGB 195 199 186	#C3C7BA

#2D3C0F #41531E #586A32 #70814C #8A986B #A5AF90 #C3C7BA

#2D3C0F - #70814C - #C3C7BA

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2D3C0F 0%, #70814C 50%, #C3C7BA 100%);
    background: -webkit-linear-gradient(top, #2D3C0F 0%, #70814C 50%, #C3C7BA 100%);
    background: linear-gradient(to bottom, #2D3C0F 0%, #70814C 50%, #C3C7BA 100%);
}
</style>