#2B5E53 - #C2D1CD | 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 #2B5E53 a #C2D1CD

#2B5E53 #C2D1CD

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

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

0.0%	0.0% #2B5E53	RGB 43 94 83	#2B5E53
16.7%	16.7% #447167	RGB 68 113 103	#447167
33.3%	33.3% #5D847B	RGB 93 132 123	#5D847B
50.0%	50.0% #769790	RGB 118 151 144	#769790
66.7%	66.7% #8FAAA4	RGB 143 170 164	#8FAAA4
83.3%	83.3% #A8BDB8	RGB 168 189 184	#A8BDB8
100.0%	100.0% #C2D1CD	RGB 194 209 205	#C2D1CD

#2B5E53 #447167 #5D847B #769790 #8FAAA4 #A8BDB8 #C2D1CD

#2B5E53 - #C2D1CD

Miscela HSV

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

0.0%	0.0% #2B5E53	RGB 43 94 83	#2B5E53
16.7%	16.7% #3C7165	RGB 60 113 101	#3C7165
33.3%	33.3% #518478	RGB 81 132 120	#518478
50.0%	50.0% #68978C	RGB 104 151 140	#68978C
66.7%	66.7% #83AAA0	RGB 131 170 160	#83AAA0
83.3%	83.3% #A1BDB6	RGB 161 189 182	#A1BDB6
100.0%	100.0% #C2D1CD	RGB 194 209 205	#C2D1CD

#2B5E53 #3C7165 #518478 #68978C #83AAA0 #A1BDB6 #C2D1CD

#2B5E53 - #68978C - #C2D1CD

Codici CSS

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

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