#3EACBC - #D5E4CC | 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 #3EACBC a #D5E4CC

#3EACBC #D5E4CC

Calcola il colore tra due colori, #3EACBC e #D5E4CC. 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)

#3EACBC - #D5E4CC | 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 #3EACBC come 0% e #D5E4CC come 100%.

0.0%	0.0% #3EACBC	RGB 62 172 188	#3EACBC
16.7%	16.7% #57B5BE	RGB 87 181 190	#57B5BE
33.3%	33.3% #70BEC1	RGB 112 190 193	#70BEC1
50.0%	50.0% #89C8C4	RGB 137 200 196	#89C8C4
66.7%	66.7% #A2D1C6	RGB 162 209 198	#A2D1C6
83.3%	83.3% #BBDAC9	RGB 187 218 201	#BBDAC9
100.0%	100.0% #D5E4CC	RGB 213 228 204	#D5E4CC

#3EACBC #57B5BE #70BEC1 #89C8C4 #A2D1C6 #BBDAC9 #D5E4CC

#3EACBC - #D5E4CC

Miscela HSV

#3EACBC - #D5E4CC | 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 #3EACBC come 0% e #D5E4CC come 100%.

0.0%	0.0% #3EACBC	RGB 62 172 188	#3EACBC
16.7%	16.7% #52C2B4	RGB 82 194 180	#52C2B4
33.3%	33.3% #68C9A5	RGB 104 201 165	#68C9A5
50.0%	50.0% #7FD09D	RGB 127 208 157	#7FD09D
66.7%	66.7% #97D69F	RGB 151 214 159	#97D69F
83.3%	83.3% #B6DDB1	RGB 182 221 177	#B6DDB1
100.0%	100.0% #D5E4CC	RGB 213 228 204	#D5E4CC

#3EACBC #52C2B4 #68C9A5 #7FD09D #97D69F #B6DDB1 #D5E4CC

#3EACBC - #7FD09D - #D5E4CC

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3EACBC 0%, #7FD09D 50%, #D5E4CC 100%);
    background: -webkit-linear-gradient(top, #3EACBC 0%, #7FD09D 50%, #D5E4CC 100%);
    background: linear-gradient(to bottom, #3EACBC 0%, #7FD09D 50%, #D5E4CC 100%);
}
</style>