#243250 - #C0C4CD | 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 #243250 a #C0C4CD

#243250 #C0C4CD

Calcola il colore tra due colori, #243250 e #C0C4CD. 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)

#243250 - #C0C4CD | 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 #243250 come 0% e #C0C4CD come 100%.

0.0%	0.0% #243250	RGB 36 50 80	#243250
16.7%	16.7% #3E4A64	RGB 62 74 100	#3E4A64
33.3%	33.3% #586279	RGB 88 98 121	#586279
50.0%	50.0% #727B8E	RGB 114 123 142	#727B8E
66.7%	66.7% #8C93A3	RGB 140 147 163	#8C93A3
83.3%	83.3% #A6ABB8	RGB 166 171 184	#A6ABB8
100.0%	100.0% #C0C4CD	RGB 192 196 205	#C0C4CD

#243250 #3E4A64 #586279 #727B8E #8C93A3 #A6ABB8 #C0C4CD

#243250 - #C0C4CD

Miscela HSV

#243250 - #C0C4CD | 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 #243250 come 0% e #C0C4CD come 100%.

0.0%	0.0% #243150	RGB 36 49 80	#243150
16.7%	16.7% #354464	RGB 53 68 100	#354464
33.3%	33.3% #4A5979	RGB 74 89 121	#4A5979
50.0%	50.0% #62708E	RGB 98 112 142	#62708E
66.7%	66.7% #7E89A3	RGB 126 137 163	#7E89A3
83.3%	83.3% #9DA5B8	RGB 157 165 184	#9DA5B8
100.0%	100.0% #C0C4CD	RGB 192 196 205	#C0C4CD

#243150 #354464 #4A5979 #62708E #7E89A3 #9DA5B8 #C0C4CD

#243250 - #62708E - #C0C4CD

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #243150 0%, #62708E 50%, #C0C4CD 100%);
    background: -webkit-linear-gradient(top, #243150 0%, #62708E 50%, #C0C4CD 100%);
    background: linear-gradient(to bottom, #243150 0%, #62708E 50%, #C0C4CD 100%);
}
</style>