#A2D2FF - #2D7ACE | 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 #A2D2FF a #2D7ACE

#A2D2FF #2D7ACE

Calcola il colore tra due colori, #A2D2FF e #2D7ACE. 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)

#A2D2FF - #2D7ACE | 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 #A2D2FF come 0% e #2D7ACE come 100%.

0.0%	0.0% #A2D2FF	RGB 162 210 255	#A2D2FF
16.7%	16.7% #8EC3F6	RGB 142 195 246	#8EC3F6
33.3%	33.3% #7BB4EE	RGB 123 180 238	#7BB4EE
50.0%	50.0% #67A6E6	RGB 103 166 230	#67A6E6
66.7%	66.7% #5497DE	RGB 84 151 222	#5497DE
83.3%	83.3% #4088D6	RGB 64 136 214	#4088D6
100.0%	100.0% #2D7ACE	RGB 45 122 206	#2D7ACE

#A2D2FF #8EC3F6 #7BB4EE #67A6E6 #5497DE #4088D6 #2D7ACE

#A2D2FF - #2D7ACE

Miscela HSV

#A2D2FF - #2D7ACE | 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 #A2D2FF come 0% e #2D7ACE come 100%.

0.0%	0.0% #A2D2FF	RGB 162 210 255	#A2D2FF
16.7%	16.7% #8BC2F6	RGB 139 194 246	#8BC2F6
33.3%	33.3% #76B2EE	RGB 118 178 238	#76B2EE
50.0%	50.0% #62A4E6	RGB 98 164 230	#62A4E6
66.7%	66.7% #4F95DE	RGB 79 149 222	#4F95DE
83.3%	83.3% #3D87D6	RGB 61 135 214	#3D87D6
100.0%	100.0% #2D7ACE	RGB 45 122 206	#2D7ACE

#A2D2FF #8BC2F6 #76B2EE #62A4E6 #4F95DE #3D87D6 #2D7ACE

#A2D2FF - #62A4E6 - #2D7ACE

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #A2D2FF 0%, #62A4E6 50%, #2D7ACE 100%);
    background: -webkit-linear-gradient(top, #A2D2FF 0%, #62A4E6 50%, #2D7ACE 100%);
    background: linear-gradient(to bottom, #A2D2FF 0%, #62A4E6 50%, #2D7ACE 100%);
}
</style>