#3D5E4C - #74BBCD | 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 #3D5E4C a #74BBCD

#3D5E4C #74BBCD

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

#3D5E4C - #74BBCD | 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 #3D5E4C come 0% e #74BBCD come 100%.

0.0%	0.0% #3D5E4C	RGB 61 94 76	#3D5E4C
16.7%	16.7% #466D61	RGB 70 109 97	#466D61
33.3%	33.3% #4F7D77	RGB 79 125 119	#4F7D77
50.0%	50.0% #588C8C	RGB 88 140 140	#588C8C
66.7%	66.7% #619CA2	RGB 97 156 162	#619CA2
83.3%	83.3% #6AABB7	RGB 106 171 183	#6AABB7
100.0%	100.0% #74BBCD	RGB 116 187 205	#74BBCD

#3D5E4C #466D61 #4F7D77 #588C8C #619CA2 #6AABB7 #74BBCD

#3D5E4C - #74BBCD

Miscela HSV

#3D5E4C - #74BBCD | 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 #3D5E4C come 0% e #74BBCD come 100%.

0.0%	0.0% #3D5E4C	RGB 61 94 76	#3D5E4C
16.7%	16.7% #47705F	RGB 71 112 95	#47705F
33.3%	33.3% #518374	RGB 81 131 116	#518374
50.0%	50.0% #5A958B	RGB 90 149 139	#5A958B
66.7%	66.7% #63A8A4	RGB 99 168 164	#63A8A4
83.3%	83.3% #6CB4BA	RGB 108 180 186	#6CB4BA
100.0%	100.0% #74BBCD	RGB 116 187 205	#74BBCD

#3D5E4C #47705F #518374 #5A958B #63A8A4 #6CB4BA #74BBCD

#3D5E4C - #5A958B - #74BBCD

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3D5E4C 0%, #5A958B 50%, #74BBCD 100%);
    background: -webkit-linear-gradient(top, #3D5E4C 0%, #5A958B 50%, #74BBCD 100%);
    background: linear-gradient(to bottom, #3D5E4C 0%, #5A958B 50%, #74BBCD 100%);
}
</style>