#00B29F - #BAFFAC | 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 #00B29F a #BAFFAC

#00B29F #BAFFAC

Calcola il colore tra due colori, #00B29F e #BAFFAC. 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)

#00B29F - #BAFFAC | 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 #00B29F come 0% e #BAFFAC come 100%.

0.0%	0.0% #00B29F	RGB 0 178 159	#00B29F
16.7%	16.7% #1FBEA1	RGB 31 190 161	#1FBEA1
33.3%	33.3% #3ECBA3	RGB 62 203 163	#3ECBA3
50.0%	50.0% #5DD8A5	RGB 93 216 165	#5DD8A5
66.7%	66.7% #7CE5A7	RGB 124 229 167	#7CE5A7
83.3%	83.3% #9BF2A9	RGB 155 242 169	#9BF2A9
100.0%	100.0% #BAFFAC	RGB 186 255 172	#BAFFAC

#00B29F #1FBEA1 #3ECBA3 #5DD8A5 #7CE5A7 #9BF2A9 #BAFFAC

#00B29F - #BAFFAC

Miscela HSV

#00B29F - #BAFFAC | 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 #00B29F come 0% e #BAFFAC come 100%.

0.0%	0.0% #00B29F	RGB 0 178 159	#00B29F
16.7%	16.7% #15BE8E	RGB 21 190 142	#15BE8E
33.3%	33.3% #2DCB82	RGB 45 203 130	#2DCB82
50.0%	50.0% #49D87C	RGB 73 216 124	#49D87C
66.7%	66.7% #67E57E	RGB 103 229 126	#67E57E
83.3%	83.3% #88F289	RGB 136 242 137	#88F289
100.0%	100.0% #BAFFAC	RGB 186 255 172	#BAFFAC

#00B29F #15BE8E #2DCB82 #49D87C #67E57E #88F289 #BAFFAC

#00B29F - #49D87C - #BAFFAC

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00B29F 0%, #49D87C 50%, #BAFFAC 100%);
    background: -webkit-linear-gradient(top, #00B29F 0%, #49D87C 50%, #BAFFAC 100%);
    background: linear-gradient(to bottom, #00B29F 0%, #49D87C 50%, #BAFFAC 100%);
}
</style>