#CFFFD5 - #7BEE82 | 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 #CFFFD5 a #7BEE82

#CFFFD5 #7BEE82

Calcola il colore tra due colori, #CFFFD5 e #7BEE82. 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)

#CFFFD5 - #7BEE82 | 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 #CFFFD5 come 0% e #7BEE82 come 100%.

0.0%	0.0% #CFFFD5	RGB 207 255 213	#CFFFD5
16.7%	16.7% #C1FCC7	RGB 193 252 199	#C1FCC7
33.3%	33.3% #B3F9B9	RGB 179 249 185	#B3F9B9
50.0%	50.0% #A5F6AB	RGB 165 246 171	#A5F6AB
66.7%	66.7% #97F39D	RGB 151 243 157	#97F39D
83.3%	83.3% #89F08F	RGB 137 240 143	#89F08F
100.0%	100.0% #7BEE82	RGB 123 238 130	#7BEE82

#CFFFD5 #C1FCC7 #B3F9B9 #A5F6AB #97F39D #89F08F #7BEE82

#CFFFD5 - #7BEE82

Miscela HSV

#CFFFD5 - #7BEE82 | 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 #CFFFD5 come 0% e #7BEE82 come 100%.

0.0%	0.0% #CFFFD5	RGB 207 255 213	#CFFFD5
16.7%	16.7% #C0FCC7	RGB 192 252 199	#C0FCC7
33.3%	33.3% #B1F9B9	RGB 177 249 185	#B1F9B9
50.0%	50.0% #A3F6AB	RGB 163 246 171	#A3F6AB
66.7%	66.7% #95F39D	RGB 149 243 157	#95F39D
83.3%	83.3% #88F08F	RGB 136 240 143	#88F08F
100.0%	100.0% #7BEE82	RGB 123 238 130	#7BEE82

#CFFFD5 #C0FCC7 #B1F9B9 #A3F6AB #95F39D #88F08F #7BEE82

#CFFFD5 - #A3F6AB - #7BEE82

Codici CSS

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

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