#C5E2D2 - #5EB295 | 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 #C5E2D2 a #5EB295

#C5E2D2 #5EB295

Calcola il colore tra due colori, #C5E2D2 e #5EB295. 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)

#C5E2D2 - #5EB295 | 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 #C5E2D2 come 0% e #5EB295 come 100%.

0.0%	0.0% #C5E2D2	RGB 197 226 210	#C5E2D2
16.7%	16.7% #B3DAC7	RGB 179 218 199	#B3DAC7
33.3%	33.3% #A2D2BD	RGB 162 210 189	#A2D2BD
50.0%	50.0% #91CAB3	RGB 145 202 179	#91CAB3
66.7%	66.7% #80C2A9	RGB 128 194 169	#80C2A9
83.3%	83.3% #6FBA9F	RGB 111 186 159	#6FBA9F
100.0%	100.0% #5EB295	RGB 94 178 149	#5EB295

#C5E2D2 #B3DAC7 #A2D2BD #91CAB3 #80C2A9 #6FBA9F #5EB295

#C5E2D2 - #5EB295

Miscela HSV

#C5E2D2 - #5EB295 | 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 #C5E2D2 come 0% e #5EB295 come 100%.

0.0%	0.0% #C5E2D2	RGB 197 226 210	#C5E2D2
16.7%	16.7% #B1DAC5	RGB 177 218 197	#B1DAC5
33.3%	33.3% #9FD2B9	RGB 159 210 185	#9FD2B9
50.0%	50.0% #8DCAAE	RGB 141 202 174	#8DCAAE
66.7%	66.7% #7CC2A5	RGB 124 194 165	#7CC2A5
83.3%	83.3% #6CBA9C	RGB 108 186 156	#6CBA9C
100.0%	100.0% #5EB295	RGB 94 178 149	#5EB295

#C5E2D2 #B1DAC5 #9FD2B9 #8DCAAE #7CC2A5 #6CBA9C #5EB295

#C5E2D2 - #8DCAAE - #5EB295

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5E2D2 0%, #8DCAAE 50%, #5EB295 100%);
    background: -webkit-linear-gradient(top, #C5E2D2 0%, #8DCAAE 50%, #5EB295 100%);
    background: linear-gradient(to bottom, #C5E2D2 0%, #8DCAAE 50%, #5EB295 100%);
}
</style>