#C9F2FE - #71B2D6 | 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 #C9F2FE a #71B2D6

#C9F2FE #71B2D6

Calcola il colore tra due colori, #C9F2FE e #71B2D6. 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)

#C9F2FE - #71B2D6 | 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 #C9F2FE come 0% e #71B2D6 come 100%.

0.0%	0.0% #C9F2FE	RGB 201 242 254	#C9F2FE
16.7%	16.7% #BAE7F7	RGB 186 231 247	#BAE7F7
33.3%	33.3% #ABDCF0	RGB 171 220 240	#ABDCF0
50.0%	50.0% #9DD2EA	RGB 157 210 234	#9DD2EA
66.7%	66.7% #8EC7E3	RGB 142 199 227	#8EC7E3
83.3%	83.3% #7FBCDC	RGB 127 188 220	#7FBCDC
100.0%	100.0% #71B2D6	RGB 113 178 214	#71B2D6

#C9F2FE #BAE7F7 #ABDCF0 #9DD2EA #8EC7E3 #7FBCDC #71B2D6

#C9F2FE - #71B2D6

Miscela HSV

#C9F2FE - #71B2D6 | 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 #C9F2FE come 0% e #71B2D6 come 100%.

0.0%	0.0% #C9F2FE	RGB 201 242 254	#C9F2FE
16.7%	16.7% #B8E7F7	RGB 184 231 247	#B8E7F7
33.3%	33.3% #A9DDF0	RGB 169 221 240	#A9DDF0
50.0%	50.0% #9AD2EA	RGB 154 210 234	#9AD2EA
66.7%	66.7% #8BC7E3	RGB 139 199 227	#8BC7E3
83.3%	83.3% #7EBDDC	RGB 126 189 220	#7EBDDC
100.0%	100.0% #71B2D6	RGB 113 178 214	#71B2D6

#C9F2FE #B8E7F7 #A9DDF0 #9AD2EA #8BC7E3 #7EBDDC #71B2D6

#C9F2FE - #9AD2EA - #71B2D6

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9F2FE 0%, #9AD2EA 50%, #71B2D6 100%);
    background: -webkit-linear-gradient(top, #C9F2FE 0%, #9AD2EA 50%, #71B2D6 100%);
    background: linear-gradient(to bottom, #C9F2FE 0%, #9AD2EA 50%, #71B2D6 100%);
}
</style>