#C7E7E2 - #5DBBB6 | 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 #C7E7E2 a #5DBBB6

#C7E7E2 #5DBBB6

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

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

0.0%	0.0% #C7E7E2	RGB 199 231 226	#C7E7E2
16.7%	16.7% #B5DFDA	RGB 181 223 218	#B5DFDA
33.3%	33.3% #A3D8D3	RGB 163 216 211	#A3D8D3
50.0%	50.0% #92D1CC	RGB 146 209 204	#92D1CC
66.7%	66.7% #80C9C4	RGB 128 201 196	#80C9C4
83.3%	83.3% #6EC2BD	RGB 110 194 189	#6EC2BD
100.0%	100.0% #5DBBB6	RGB 93 187 182	#5DBBB6

#C7E7E2 #B5DFDA #A3D8D3 #92D1CC #80C9C4 #6EC2BD #5DBBB6

#C7E7E2 - #5DBBB6

Miscela HSV

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

0.0%	0.0% #C7E7E2	RGB 199 231 226	#C7E7E2
16.7%	16.7% #B3DFD9	RGB 179 223 217	#B3DFD9
33.3%	33.3% #A0D8D1	RGB 160 216 209	#A0D8D1
50.0%	50.0% #8DD1C9	RGB 141 209 201	#8DD1C9
66.7%	66.7% #7CC9C2	RGB 124 201 194	#7CC9C2
83.3%	83.3% #6CC2BC	RGB 108 194 188	#6CC2BC
100.0%	100.0% #5DBBB6	RGB 93 187 182	#5DBBB6

#C7E7E2 #B3DFD9 #A0D8D1 #8DD1C9 #7CC9C2 #6CC2BC #5DBBB6

#C7E7E2 - #8DD1C9 - #5DBBB6

Codici CSS

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

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