#D5E2D7 - #78AC9A | 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 #D5E2D7 a #78AC9A

#D5E2D7 #78AC9A

Calcola il colore tra due colori, #D5E2D7 e #78AC9A. 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)

#D5E2D7 - #78AC9A | 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 #D5E2D7 come 0% e #78AC9A come 100%.

0.0%	0.0% #D5E2D7	RGB 213 226 215	#D5E2D7
16.7%	16.7% #C5D9CC	RGB 197 217 204	#C5D9CC
33.3%	33.3% #B6D0C2	RGB 182 208 194	#B6D0C2
50.0%	50.0% #A6C7B8	RGB 166 199 184	#A6C7B8
66.7%	66.7% #97BEAE	RGB 151 190 174	#97BEAE
83.3%	83.3% #87B5A4	RGB 135 181 164	#87B5A4
100.0%	100.0% #78AC9A	RGB 120 172 154	#78AC9A

#D5E2D7 #C5D9CC #B6D0C2 #A6C7B8 #97BEAE #87B5A4 #78AC9A

#D5E2D7 - #78AC9A

Miscela HSV

#D5E2D7 - #78AC9A | 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 #D5E2D7 come 0% e #78AC9A come 100%.

0.0%	0.0% #D5E2D7	RGB 213 226 215	#D5E2D7
16.7%	16.7% #C3D9C8	RGB 195 217 200	#C3D9C8
33.3%	33.3% #B3D0BC	RGB 179 208 188	#B3D0BC
50.0%	50.0% #A3C7B1	RGB 163 199 177	#A3C7B1
66.7%	66.7% #94BEA8	RGB 148 190 168	#94BEA8
83.3%	83.3% #85B5A0	RGB 133 181 160	#85B5A0
100.0%	100.0% #78AC9A	RGB 120 172 154	#78AC9A

#D5E2D7 #C3D9C8 #B3D0BC #A3C7B1 #94BEA8 #85B5A0 #78AC9A

#D5E2D7 - #A3C7B1 - #78AC9A

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #D5E2D7 0%, #A3C7B1 50%, #78AC9A 100%);
    background: -webkit-linear-gradient(top, #D5E2D7 0%, #A3C7B1 50%, #78AC9A 100%);
    background: linear-gradient(to bottom, #D5E2D7 0%, #A3C7B1 50%, #78AC9A 100%);
}
</style>