#C5EAD1 - #68BAA0 | 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 #C5EAD1 a #68BAA0

#C5EAD1 #68BAA0

Calcola il colore tra due colori, #C5EAD1 e #68BAA0. 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)

#C5EAD1 - #68BAA0 | 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 #C5EAD1 come 0% e #68BAA0 come 100%.

0.0%	0.0% #C5EAD1	RGB 197 234 209	#C5EAD1
16.7%	16.7% #B5E2C8	RGB 181 226 200	#B5E2C8
33.3%	33.3% #A6DAC0	RGB 166 218 192	#A6DAC0
50.0%	50.0% #96D2B8	RGB 150 210 184	#96D2B8
66.7%	66.7% #87CAB0	RGB 135 202 176	#87CAB0
83.3%	83.3% #77C2A8	RGB 119 194 168	#77C2A8
100.0%	100.0% #68BAA0	RGB 104 186 160	#68BAA0

#C5EAD1 #B5E2C8 #A6DAC0 #96D2B8 #87CAB0 #77C2A8 #68BAA0

#C5EAD1 - #68BAA0

Miscela HSV

#C5EAD1 - #68BAA0 | 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 #C5EAD1 come 0% e #68BAA0 come 100%.

0.0%	0.0% #C5EAD1	RGB 197 234 209	#C5EAD1
16.7%	16.7% #B3E2C5	RGB 179 226 197	#B3E2C5
33.3%	33.3% #A2DABB	RGB 162 218 187	#A2DABB
50.0%	50.0% #93D2B2	RGB 147 210 178	#93D2B2
66.7%	66.7% #83CAAB	RGB 131 202 171	#83CAAB
83.3%	83.3% #75C2A5	RGB 117 194 165	#75C2A5
100.0%	100.0% #68BAA0	RGB 104 186 160	#68BAA0

#C5EAD1 #B3E2C5 #A2DABB #93D2B2 #83CAAB #75C2A5 #68BAA0

#C5EAD1 - #93D2B2 - #68BAA0

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5EAD1 0%, #93D2B2 50%, #68BAA0 100%);
    background: -webkit-linear-gradient(top, #C5EAD1 0%, #93D2B2 50%, #68BAA0 100%);
    background: linear-gradient(to bottom, #C5EAD1 0%, #93D2B2 50%, #68BAA0 100%);
}
</style>