#00402C - #B6C8C2 | 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 #00402C a #B6C8C2

#00402C #B6C8C2

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

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

0.0%	0.0% #00402C	RGB 0 64 44	#00402C
16.7%	16.7% #1E5645	RGB 30 86 69	#1E5645
33.3%	33.3% #3C6D5E	RGB 60 109 94	#3C6D5E
50.0%	50.0% #5B8477	RGB 91 132 119	#5B8477
66.7%	66.7% #799A90	RGB 121 154 144	#799A90
83.3%	83.3% #97B1A9	RGB 151 177 169	#97B1A9
100.0%	100.0% #B6C8C2	RGB 182 200 194	#B6C8C2

#00402C #1E5645 #3C6D5E #5B8477 #799A90 #97B1A9 #B6C8C2

#00402C - #B6C8C2

Miscela HSV

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

0.0%	0.0% #00402B	RGB 0 64 43	#00402B
16.7%	16.7% #0D563F	RGB 13 86 63	#0D563F
33.3%	33.3% #216D55	RGB 33 109 85	#216D55
50.0%	50.0% #3C846C	RGB 60 132 108	#3C846C
66.7%	66.7% #5D9A86	RGB 93 154 134	#5D9A86
83.3%	83.3% #86B1A3	RGB 134 177 163	#86B1A3
100.0%	100.0% #B6C8C2	RGB 182 200 194	#B6C8C2

#00402B #0D563F #216D55 #3C846C #5D9A86 #86B1A3 #B6C8C2

#00402C - #3C846C - #B6C8C2

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00402B 0%, #3C846C 50%, #B6C8C2 100%);
    background: -webkit-linear-gradient(top, #00402B 0%, #3C846C 50%, #B6C8C2 100%);
    background: linear-gradient(to bottom, #00402B 0%, #3C846C 50%, #B6C8C2 100%);
}
</style>