#BEE5E4 - #4FBABA | 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 #BEE5E4 a #4FBABA

#BEE5E4 #4FBABA

Calcola il colore tra due colori, #BEE5E4 e #4FBABA. 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)

#BEE5E4 - #4FBABA | 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 #BEE5E4 come 0% e #4FBABA come 100%.

0.0%	0.0% #BEE5E4	RGB 190 229 228	#BEE5E4
16.7%	16.7% #ABDDDD	RGB 171 221 221	#ABDDDD
33.3%	33.3% #99D6D6	RGB 153 214 214	#99D6D6
50.0%	50.0% #86CFCF	RGB 134 207 207	#86CFCF
66.7%	66.7% #74C8C8	RGB 116 200 200	#74C8C8
83.3%	83.3% #61C1C1	RGB 97 193 193	#61C1C1
100.0%	100.0% #4FBABA	RGB 79 186 186	#4FBABA

#BEE5E4 #ABDDDD #99D6D6 #86CFCF #74C8C8 #61C1C1 #4FBABA

#BEE5E4 - #4FBABA

Miscela HSV

#BEE5E4 - #4FBABA | 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 #BEE5E4 come 0% e #4FBABA come 100%.

0.0%	0.0% #BEE5E4	RGB 190 229 228	#BEE5E4
16.7%	16.7% #A9DDDC	RGB 169 221 220	#A9DDDC
33.3%	33.3% #95D6D5	RGB 149 214 213	#95D6D5
50.0%	50.0% #82CFCE	RGB 130 207 206	#82CFCE
66.7%	66.7% #70C8C7	RGB 112 200 199	#70C8C7
83.3%	83.3% #5FC1C0	RGB 95 193 192	#5FC1C0
100.0%	100.0% #4FBABA	RGB 79 186 186	#4FBABA

#BEE5E4 #A9DDDC #95D6D5 #82CFCE #70C8C7 #5FC1C0 #4FBABA

#BEE5E4 - #82CFCE - #4FBABA

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BEE5E4 0%, #82CFCE 50%, #4FBABA 100%);
    background: -webkit-linear-gradient(top, #BEE5E4 0%, #82CFCE 50%, #4FBABA 100%);
    background: linear-gradient(to bottom, #BEE5E4 0%, #82CFCE 50%, #4FBABA 100%);
}
</style>