#A8BFDF - #5369A8 | 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 #A8BFDF a #5369A8

#A8BFDF #5369A8

Calcola il colore tra due colori, #A8BFDF e #5369A8. 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)

#A8BFDF - #5369A8 | 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 #A8BFDF come 0% e #5369A8 come 100%.

0.0%	0.0% #A8BFDF	RGB 168 191 223	#A8BFDF
16.7%	16.7% #99B0D5	RGB 153 176 213	#99B0D5
33.3%	33.3% #8BA2CC	RGB 139 162 204	#8BA2CC
50.0%	50.0% #7D94C3	RGB 125 148 195	#7D94C3
66.7%	66.7% #6F85BA	RGB 111 133 186	#6F85BA
83.3%	83.3% #6177B1	RGB 97 119 177	#6177B1
100.0%	100.0% #5369A8	RGB 83 105 168	#5369A8

#A8BFDF #99B0D5 #8BA2CC #7D94C3 #6F85BA #6177B1 #5369A8

#A8BFDF - #5369A8

Miscela HSV

#A8BFDF - #5369A8 | 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 #A8BFDF come 0% e #5369A8 come 100%.

0.0%	0.0% #A8BFDF	RGB 168 191 223	#A8BFDF
16.7%	16.7% #97B0D5	RGB 151 176 213	#97B0D5
33.3%	33.3% #88A1CC	RGB 136 161 204	#88A1CC
50.0%	50.0% #7992C3	RGB 121 146 195	#7992C3
66.7%	66.7% #6C84BA	RGB 108 132 186	#6C84BA
83.3%	83.3% #5F76B1	RGB 95 118 177	#5F76B1
100.0%	100.0% #5369A8	RGB 83 105 168	#5369A8

#A8BFDF #97B0D5 #88A1CC #7992C3 #6C84BA #5F76B1 #5369A8

#A8BFDF - #7992C3 - #5369A8

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A8BFDF 0%, #7992C3 50%, #5369A8 100%);
    background: -webkit-linear-gradient(top, #A8BFDF 0%, #7992C3 50%, #5369A8 100%);
    background: linear-gradient(to bottom, #A8BFDF 0%, #7992C3 50%, #5369A8 100%);
}
</style>