#2F9ABC - #C3E2EB | 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 #2F9ABC a #C3E2EB

#2F9ABC #C3E2EB

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

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

0.0%	0.0% #2F9ABC	RGB 47 154 188	#2F9ABC
16.7%	16.7% #47A6C3	RGB 71 166 195	#47A6C3
33.3%	33.3% #60B2CB	RGB 96 178 203	#60B2CB
50.0%	50.0% #79BED3	RGB 121 190 211	#79BED3
66.7%	66.7% #91CADB	RGB 145 202 219	#91CADB
83.3%	83.3% #AAD6E3	RGB 170 214 227	#AAD6E3
100.0%	100.0% #C3E2EB	RGB 195 226 235	#C3E2EB

#2F9ABC #47A6C3 #60B2CB #79BED3 #91CADB #AAD6E3 #C3E2EB

#2F9ABC - #C3E2EB

Miscela HSV

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

0.0%	0.0% #2F99BC	RGB 47 153 188	#2F99BC
16.7%	16.7% #43A5C3	RGB 67 165 195	#43A5C3
33.3%	33.3% #5AB0CB	RGB 90 176 203	#5AB0CB
50.0%	50.0% #72BCD3	RGB 114 188 211	#72BCD3
66.7%	66.7% #8BC8DB	RGB 139 200 219	#8BC8DB
83.3%	83.3% #A6D5E3	RGB 166 213 227	#A6D5E3
100.0%	100.0% #C3E2EB	RGB 195 226 235	#C3E2EB

#2F99BC #43A5C3 #5AB0CB #72BCD3 #8BC8DB #A6D5E3 #C3E2EB

#2F9ABC - #72BCD3 - #C3E2EB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2F99BC 0%, #72BCD3 50%, #C3E2EB 100%);
    background: -webkit-linear-gradient(top, #2F99BC 0%, #72BCD3 50%, #C3E2EB 100%);
    background: linear-gradient(to bottom, #2F99BC 0%, #72BCD3 50%, #C3E2EB 100%);
}
</style>