#4C75A6 - #ADBBC3 | 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 #4C75A6 a #ADBBC3

#4C75A6 #ADBBC3

Calcola il colore tra due colori, #4C75A6 e #ADBBC3. 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)

#4C75A6 - #ADBBC3 | 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 #4C75A6 come 0% e #ADBBC3 come 100%.

0.0%	0.0% #4C75A6	RGB 76 117 166	#4C75A6
16.7%	16.7% #5C80AA	RGB 92 128 170	#5C80AA
33.3%	33.3% #6C8CAF	RGB 108 140 175	#6C8CAF
50.0%	50.0% #7C98B4	RGB 124 152 180	#7C98B4
66.7%	66.7% #8CA3B9	RGB 140 163 185	#8CA3B9
83.3%	83.3% #9CAFBE	RGB 156 175 190	#9CAFBE
100.0%	100.0% #ADBBC3	RGB 173 187 195	#ADBBC3

#4C75A6 #5C80AA #6C8CAF #7C98B4 #8CA3B9 #9CAFBE #ADBBC3

#4C75A6 - #ADBBC3

Miscela HSV

#4C75A6 - #ADBBC3 | 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 #4C75A6 come 0% e #ADBBC3 come 100%.

0.0%	0.0% #4C75A6	RGB 76 117 166	#4C75A6
16.7%	16.7% #5A81AA	RGB 90 129 170	#5A81AA
33.3%	33.3% #698DAF	RGB 105 141 175	#698DAF
50.0%	50.0% #7999B4	RGB 121 153 180	#7999B4
66.7%	66.7% #89A5B9	RGB 137 165 185	#89A5B9
83.3%	83.3% #9BB0BE	RGB 155 176 190	#9BB0BE
100.0%	100.0% #ADBBC3	RGB 173 187 195	#ADBBC3

#4C75A6 #5A81AA #698DAF #7999B4 #89A5B9 #9BB0BE #ADBBC3

#4C75A6 - #7999B4 - #ADBBC3

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4C75A6 0%, #7999B4 50%, #ADBBC3 100%);
    background: -webkit-linear-gradient(top, #4C75A6 0%, #7999B4 50%, #ADBBC3 100%);
    background: linear-gradient(to bottom, #4C75A6 0%, #7999B4 50%, #ADBBC3 100%);
}
</style>