#369C9C - #AFDBA5 | 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 #369C9C a #AFDBA5

#369C9C #AFDBA5

Calcola il colore tra due colori, #369C9C e #AFDBA5. 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)

#369C9C - #AFDBA5 | 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 #369C9C come 0% e #AFDBA5 come 100%.

0.0%	0.0% #369C9C	RGB 54 156 156	#369C9C
16.7%	16.7% #4AA69D	RGB 74 166 157	#4AA69D
33.3%	33.3% #5EB19F	RGB 94 177 159	#5EB19F
50.0%	50.0% #72BBA0	RGB 114 187 160	#72BBA0
66.7%	66.7% #86C6A2	RGB 134 198 162	#86C6A2
83.3%	83.3% #9AD0A3	RGB 154 208 163	#9AD0A3
100.0%	100.0% #AFDBA5	RGB 175 219 165	#AFDBA5

#369C9C #4AA69D #5EB19F #72BBA0 #86C6A2 #9AD0A3 #AFDBA5

#369C9C - #AFDBA5

Miscela HSV

#369C9C - #AFDBA5 | 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 #369C9C come 0% e #AFDBA5 come 100%.

0.0%	0.0% #369C9C	RGB 54 156 156	#369C9C
16.7%	16.7% #44A693	RGB 68 166 147	#44A693
33.3%	33.3% #55B18C	RGB 85 177 140	#55B18C
50.0%	50.0% #67BB89	RGB 103 187 137	#67BB89
66.7%	66.7% #7AC68A	RGB 122 198 138	#7AC68A
83.3%	83.3% #8ED08F	RGB 142 208 143	#8ED08F
100.0%	100.0% #AFDBA5	RGB 175 219 165	#AFDBA5

#369C9C #44A693 #55B18C #67BB89 #7AC68A #8ED08F #AFDBA5

#369C9C - #67BB89 - #AFDBA5

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #369C9C 0%, #67BB89 50%, #AFDBA5 100%);
    background: -webkit-linear-gradient(top, #369C9C 0%, #67BB89 50%, #AFDBA5 100%);
    background: linear-gradient(to bottom, #369C9C 0%, #67BB89 50%, #AFDBA5 100%);
}
</style>