#BCECE3 - #4FC3B9 | 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 #BCECE3 a #4FC3B9

#BCECE3 #4FC3B9

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

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

0.0%	0.0% #BCECE3	RGB 188 236 227	#BCECE3
16.7%	16.7% #A9E5DC	RGB 169 229 220	#A9E5DC
33.3%	33.3% #97DED5	RGB 151 222 213	#97DED5
50.0%	50.0% #85D7CE	RGB 133 215 206	#85D7CE
66.7%	66.7% #73D0C7	RGB 115 208 199	#73D0C7
83.3%	83.3% #61C9C0	RGB 97 201 192	#61C9C0
100.0%	100.0% #4FC3B9	RGB 79 195 185	#4FC3B9

#BCECE3 #A9E5DC #97DED5 #85D7CE #73D0C7 #61C9C0 #4FC3B9

#BCECE3 - #4FC3B9

Miscela HSV

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

0.0%	0.0% #BCECE3	RGB 188 236 227	#BCECE3
16.7%	16.7% #A7E5DA	RGB 167 229 218	#A7E5DA
33.3%	33.3% #94DED2	RGB 148 222 210	#94DED2
50.0%	50.0% #81D7CB	RGB 129 215 203	#81D7CB
66.7%	66.7% #6FD0C5	RGB 111 208 197	#6FD0C5
83.3%	83.3% #5EC9BE	RGB 94 201 190	#5EC9BE
100.0%	100.0% #4FC3B9	RGB 79 195 185	#4FC3B9

#BCECE3 #A7E5DA #94DED2 #81D7CB #6FD0C5 #5EC9BE #4FC3B9

#BCECE3 - #81D7CB - #4FC3B9

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BCECE3 0%, #81D7CB 50%, #4FC3B9 100%);
    background: -webkit-linear-gradient(top, #BCECE3 0%, #81D7CB 50%, #4FC3B9 100%);
    background: linear-gradient(to bottom, #BCECE3 0%, #81D7CB 50%, #4FC3B9 100%);
}
</style>