#DFDFE7 - #829EAF | 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 #DFDFE7 a #829EAF

#DFDFE7 #829EAF

Calcola il colore tra due colori, #DFDFE7 e #829EAF. 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)

#DFDFE7 - #829EAF | 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 #DFDFE7 come 0% e #829EAF come 100%.

0.0%	0.0% #DFDFE7	RGB 223 223 231	#DFDFE7
16.7%	16.7% #CFD4DD	RGB 207 212 221	#CFD4DD
33.3%	33.3% #C0C9D4	RGB 192 201 212	#C0C9D4
50.0%	50.0% #B0BECB	RGB 176 190 203	#B0BECB
66.7%	66.7% #A1B3C1	RGB 161 179 193	#A1B3C1
83.3%	83.3% #91A8B8	RGB 145 168 184	#91A8B8
100.0%	100.0% #829EAF	RGB 130 158 175	#829EAF

#DFDFE7 #CFD4DD #C0C9D4 #B0BECB #A1B3C1 #91A8B8 #829EAF

#DFDFE7 - #829EAF

Miscela HSV

#DFDFE7 - #829EAF | 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 #DFDFE7 come 0% e #829EAF come 100%.

0.0%	0.0% #DFDFE7	RGB 223 223 231	#DFDFE7
16.7%	16.7% #CDCFDD	RGB 205 207 221	#CDCFDD
33.3%	33.3% #BDC2D4	RGB 189 194 212	#BDC2D4
50.0%	50.0% #ADB6CB	RGB 173 182 203	#ADB6CB
66.7%	66.7% #9EACC1	RGB 158 172 193	#9EACC1
83.3%	83.3% #8FA4B8	RGB 143 164 184	#8FA4B8
100.0%	100.0% #829EAF	RGB 130 158 175	#829EAF

#DFDFE7 #CDCFDD #BDC2D4 #ADB6CB #9EACC1 #8FA4B8 #829EAF

#DFDFE7 - #ADB6CB - #829EAF

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DFDFE7 0%, #ADB6CB 50%, #829EAF 100%);
    background: -webkit-linear-gradient(top, #DFDFE7 0%, #ADB6CB 50%, #829EAF 100%);
    background: linear-gradient(to bottom, #DFDFE7 0%, #ADB6CB 50%, #829EAF 100%);
}
</style>