#B7E4D9 - #4DB7AB | 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 #B7E4D9 a #4DB7AB

#B7E4D9 #4DB7AB

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

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

0.0%	0.0% #B7E4D9	RGB 183 228 217	#B7E4D9
16.7%	16.7% #A5DCD1	RGB 165 220 209	#A5DCD1
33.3%	33.3% #93D5C9	RGB 147 213 201	#93D5C9
50.0%	50.0% #82CDC2	RGB 130 205 194	#82CDC2
66.7%	66.7% #70C6BA	RGB 112 198 186	#70C6BA
83.3%	83.3% #5EBEB2	RGB 94 190 178	#5EBEB2
100.0%	100.0% #4DB7AB	RGB 77 183 171	#4DB7AB

#B7E4D9 #A5DCD1 #93D5C9 #82CDC2 #70C6BA #5EBEB2 #4DB7AB

#B7E4D9 - #4DB7AB

Miscela HSV

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

0.0%	0.0% #B7E4D9	RGB 183 228 217	#B7E4D9
16.7%	16.7% #A2DCCF	RGB 162 220 207	#A2DCCF
33.3%	33.3% #8FD5C7	RGB 143 213 199	#8FD5C7
50.0%	50.0% #7DCDBF	RGB 125 205 191	#7DCDBF
66.7%	66.7% #6CC6B7	RGB 108 198 183	#6CC6B7
83.3%	83.3% #5CBEB1	RGB 92 190 177	#5CBEB1
100.0%	100.0% #4DB7AB	RGB 77 183 171	#4DB7AB

#B7E4D9 #A2DCCF #8FD5C7 #7DCDBF #6CC6B7 #5CBEB1 #4DB7AB

#B7E4D9 - #7DCDBF - #4DB7AB

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B7E4D9 0%, #7DCDBF 50%, #4DB7AB 100%);
    background: -webkit-linear-gradient(top, #B7E4D9 0%, #7DCDBF 50%, #4DB7AB 100%);
    background: linear-gradient(to bottom, #B7E4D9 0%, #7DCDBF 50%, #4DB7AB 100%);
}
</style>