#4D5A8C - #CCCFDE | 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 #4D5A8C a #CCCFDE

#4D5A8C #CCCFDE

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

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

0.0%	0.0% #4D5A8C	RGB 77 90 140	#4D5A8C
16.7%	16.7% #626D99	RGB 98 109 153	#626D99
33.3%	33.3% #7781A7	RGB 119 129 167	#7781A7
50.0%	50.0% #8C94B5	RGB 140 148 181	#8C94B5
66.7%	66.7% #A1A8C2	RGB 161 168 194	#A1A8C2
83.3%	83.3% #B6BBD0	RGB 182 187 208	#B6BBD0
100.0%	100.0% #CCCFDE	RGB 204 207 222	#CCCFDE

#4D5A8C #626D99 #7781A7 #8C94B5 #A1A8C2 #B6BBD0 #CCCFDE

#4D5A8C - #CCCFDE

Miscela HSV

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

0.0%	0.0% #4D598C	RGB 77 89 140	#4D598C
16.7%	16.7% #5D6999	RGB 93 105 153	#5D6999
33.3%	33.3% #707BA7	RGB 112 123 167	#707BA7
50.0%	50.0% #848DB5	RGB 132 141 181	#848DB5
66.7%	66.7% #9AA2C2	RGB 154 162 194	#9AA2C2
83.3%	83.3% #B2B7D0	RGB 178 183 208	#B2B7D0
100.0%	100.0% #CCCFDE	RGB 204 207 222	#CCCFDE

#4D598C #5D6999 #707BA7 #848DB5 #9AA2C2 #B2B7D0 #CCCFDE

#4D5A8C - #848DB5 - #CCCFDE

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4D598C 0%, #848DB5 50%, #CCCFDE 100%);
    background: -webkit-linear-gradient(top, #4D598C 0%, #848DB5 50%, #CCCFDE 100%);
    background: linear-gradient(to bottom, #4D598C 0%, #848DB5 50%, #CCCFDE 100%);
}
</style>