#C5E8D6 - #64B9A6 | 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 #C5E8D6 a #64B9A6

#C5E8D6 #64B9A6

Calcola il colore tra due colori, #C5E8D6 e #64B9A6. 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)

#C5E8D6 - #64B9A6 | 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 #C5E8D6 come 0% e #64B9A6 come 100%.

0.0%	0.0% #C5E8D6	RGB 197 232 214	#C5E8D6
16.7%	16.7% #B4E0CE	RGB 180 224 206	#B4E0CE
33.3%	33.3% #A4D8C6	RGB 164 216 198	#A4D8C6
50.0%	50.0% #94D0BE	RGB 148 208 190	#94D0BE
66.7%	66.7% #84C8B6	RGB 132 200 182	#84C8B6
83.3%	83.3% #74C0AE	RGB 116 192 174	#74C0AE
100.0%	100.0% #64B9A6	RGB 100 185 166	#64B9A6

#C5E8D6 #B4E0CE #A4D8C6 #94D0BE #84C8B6 #74C0AE #64B9A6

#C5E8D6 - #64B9A6

Miscela HSV

#C5E8D6 - #64B9A6 | 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 #C5E8D6 come 0% e #64B9A6 come 100%.

0.0%	0.0% #C5E8D6	RGB 197 232 214	#C5E8D6
16.7%	16.7% #B2E0CB	RGB 178 224 203	#B2E0CB
33.3%	33.3% #A1D8C1	RGB 161 216 193	#A1D8C1
50.0%	50.0% #90D0B9	RGB 144 208 185	#90D0B9
66.7%	66.7% #81C8B1	RGB 129 200 177	#81C8B1
83.3%	83.3% #72C0AB	RGB 114 192 171	#72C0AB
100.0%	100.0% #64B9A6	RGB 100 185 166	#64B9A6

#C5E8D6 #B2E0CB #A1D8C1 #90D0B9 #81C8B1 #72C0AB #64B9A6

#C5E8D6 - #90D0B9 - #64B9A6

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E8D6 0%, #90D0B9 50%, #64B9A6 100%);
    background: -webkit-linear-gradient(top, #C5E8D6 0%, #90D0B9 50%, #64B9A6 100%);
    background: linear-gradient(to bottom, #C5E8D6 0%, #90D0B9 50%, #64B9A6 100%);
}
</style>