#9C7E87 - #E2DADC | 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 #9C7E87 a #E2DADC

#9C7E87 #E2DADC

Calcola il colore tra due colori, #9C7E87 e #E2DADC. 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)

#9C7E87 - #E2DADC | 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 #9C7E87 come 0% e #E2DADC come 100%.

0.0%	0.0% #9C7E87	RGB 156 126 135	#9C7E87
16.7%	16.7% #A78D95	RGB 167 141 149	#A78D95
33.3%	33.3% #B39CA3	RGB 179 156 163	#B39CA3
50.0%	50.0% #BFACB1	RGB 191 172 177	#BFACB1
66.7%	66.7% #CABBBF	RGB 202 187 191	#CABBBF
83.3%	83.3% #D6CACD	RGB 214 202 205	#D6CACD
100.0%	100.0% #E2DADC	RGB 226 218 220	#E2DADC

#9C7E87 #A78D95 #B39CA3 #BFACB1 #CABBBF #D6CACD #E2DADC

#9C7E87 - #E2DADC

Miscela HSV

#9C7E87 - #E2DADC | 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 #9C7E87 come 0% e #E2DADC come 100%.

0.0%	0.0% #9C7E87	RGB 156 126 135	#9C7E87
16.7%	16.7% #A78B93	RGB 167 139 147	#A78B93
33.3%	33.3% #B39AA1	RGB 179 154 161	#B39AA1
50.0%	50.0% #BFA9AF	RGB 191 169 175	#BFA9AF
66.7%	66.7% #CAB8BD	RGB 202 184 189	#CAB8BD
83.3%	83.3% #D6C9CC	RGB 214 201 204	#D6C9CC
100.0%	100.0% #E2DADC	RGB 226 218 220	#E2DADC

#9C7E87 #A78B93 #B39AA1 #BFA9AF #CAB8BD #D6C9CC #E2DADC

#9C7E87 - #BFA9AF - #E2DADC

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9C7E87 0%, #BFA9AF 50%, #E2DADC 100%);
    background: -webkit-linear-gradient(top, #9C7E87 0%, #BFA9AF 50%, #E2DADC 100%);
    background: linear-gradient(to bottom, #9C7E87 0%, #BFA9AF 50%, #E2DADC 100%);
}
</style>