#DFE5E5 - #83AC95 | 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 #DFE5E5 a #83AC95

#DFE5E5 #83AC95

Calcola il colore tra due colori, #DFE5E5 e #83AC95. 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)

#DFE5E5 - #83AC95 | 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 #DFE5E5 come 0% e #83AC95 come 100%.

0.0%	0.0% #DFE5E5	RGB 223 229 229	#DFE5E5
16.7%	16.7% #CFDBD7	RGB 207 219 215	#CFDBD7
33.3%	33.3% #C0D2CA	RGB 192 210 202	#C0D2CA
50.0%	50.0% #B1C8BD	RGB 177 200 189	#B1C8BD
66.7%	66.7% #A1BFAF	RGB 161 191 175	#A1BFAF
83.3%	83.3% #92B5A2	RGB 146 181 162	#92B5A2
100.0%	100.0% #83AC95	RGB 131 172 149	#83AC95

#DFE5E5 #CFDBD7 #C0D2CA #B1C8BD #A1BFAF #92B5A2 #83AC95

#DFE5E5 - #83AC95

Miscela HSV

#DFE5E5 - #83AC95 | 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 #DFE5E5 come 0% e #83AC95 come 100%.

0.0%	0.0% #DFE5E5	RGB 223 229 229	#DFE5E5
16.7%	16.7% #CDDBDA	RGB 205 219 218	#CDDBDA
33.3%	33.3% #BDD2CE	RGB 189 210 206	#BDD2CE
50.0%	50.0% #ADC8C1	RGB 173 200 193	#ADC8C1
66.7%	66.7% #9EBFB3	RGB 158 191 179	#9EBFB3
83.3%	83.3% #90B5A4	RGB 144 181 164	#90B5A4
100.0%	100.0% #83AC95	RGB 131 172 149	#83AC95

#DFE5E5 #CDDBDA #BDD2CE #ADC8C1 #9EBFB3 #90B5A4 #83AC95

#DFE5E5 - #ADC8C1 - #83AC95

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DFE5E5 0%, #ADC8C1 50%, #83AC95 100%);
    background: -webkit-linear-gradient(top, #DFE5E5 0%, #ADC8C1 50%, #83AC95 100%);
    background: linear-gradient(to bottom, #DFE5E5 0%, #ADC8C1 50%, #83AC95 100%);
}
</style>