#DDF2DA - #8BCD87 | 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 #DDF2DA a #8BCD87

#DDF2DA #8BCD87

Calcola il colore tra due colori, #DDF2DA e #8BCD87. 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)

#DDF2DA - #8BCD87 | 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 #DDF2DA come 0% e #8BCD87 come 100%.

0.0%	0.0% #DDF2DA	RGB 221 242 218	#DDF2DA
16.7%	16.7% #CFEBCC	RGB 207 235 204	#CFEBCC
33.3%	33.3% #C1E5BE	RGB 193 229 190	#C1E5BE
50.0%	50.0% #B4DFB0	RGB 180 223 176	#B4DFB0
66.7%	66.7% #A6D9A2	RGB 166 217 162	#A6D9A2
83.3%	83.3% #98D394	RGB 152 211 148	#98D394
100.0%	100.0% #8BCD87	RGB 139 205 135	#8BCD87

#DDF2DA #CFEBCC #C1E5BE #B4DFB0 #A6D9A2 #98D394 #8BCD87

#DDF2DA - #8BCD87

Miscela HSV

#DDF2DA - #8BCD87 | 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 #DDF2DA come 0% e #8BCD87 come 100%.

0.0%	0.0% #DDF2DA	RGB 221 242 218	#DDF2DA
16.7%	16.7% #CEEBCA	RGB 206 235 202	#CEEBCA
33.3%	33.3% #C0E5BC	RGB 192 229 188	#C0E5BC
50.0%	50.0% #B2DFAE	RGB 178 223 174	#B2DFAE
66.7%	66.7% #A5D9A0	RGB 165 217 160	#A5D9A0
83.3%	83.3% #97D393	RGB 151 211 147	#97D393
100.0%	100.0% #8BCD87	RGB 139 205 135	#8BCD87

#DDF2DA #CEEBCA #C0E5BC #B2DFAE #A5D9A0 #97D393 #8BCD87

#DDF2DA - #B2DFAE - #8BCD87

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DDF2DA 0%, #B2DFAE 50%, #8BCD87 100%);
    background: -webkit-linear-gradient(top, #DDF2DA 0%, #B2DFAE 50%, #8BCD87 100%);
    background: linear-gradient(to bottom, #DDF2DA 0%, #B2DFAE 50%, #8BCD87 100%);
}
</style>