#003D6B - #7EB6BC | 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 #003D6B a #7EB6BC

#003D6B #7EB6BC

Calcola il colore tra due colori, #003D6B e #7EB6BC. 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)

#003D6B - #7EB6BC | 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 #003D6B come 0% e #7EB6BC come 100%.

0.0%	0.0% #003D6B	RGB 0 61 107	#003D6B
16.7%	16.7% #155178	RGB 21 81 120	#155178
33.3%	33.3% #2A6586	RGB 42 101 134	#2A6586
50.0%	50.0% #3F7993	RGB 63 121 147	#3F7993
66.7%	66.7% #548DA1	RGB 84 141 161	#548DA1
83.3%	83.3% #69A1AE	RGB 105 161 174	#69A1AE
100.0%	100.0% #7EB6BC	RGB 126 182 188	#7EB6BC

#003D6B #155178 #2A6586 #3F7993 #548DA1 #69A1AE #7EB6BC

#003D6B - #7EB6BC

Miscela HSV

#003D6B - #7EB6BC | 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 #003D6B come 0% e #7EB6BC come 100%.

0.0%	0.0% #003C6B	RGB 0 60 107	#003C6B
16.7%	16.7% #0D5078	RGB 13 80 120	#0D5078
33.3%	33.3% #1D6486	RGB 29 100 134	#1D6486
50.0%	50.0% #317993	RGB 49 121 147	#317993
66.7%	66.7% #478EA1	RGB 71 142 161	#478EA1
83.3%	83.3% #61A2AE	RGB 97 162 174	#61A2AE
100.0%	100.0% #7EB6BC	RGB 126 182 188	#7EB6BC

#003C6B #0D5078 #1D6486 #317993 #478EA1 #61A2AE #7EB6BC

#003D6B - #317993 - #7EB6BC

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #003C6B 0%, #317993 50%, #7EB6BC 100%);
    background: -webkit-linear-gradient(top, #003C6B 0%, #317993 50%, #7EB6BC 100%);
    background: linear-gradient(to bottom, #003C6B 0%, #317993 50%, #7EB6BC 100%);
}
</style>