#821330 - #DBBBC3 | 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 #821330 a #DBBBC3

#821330 #DBBBC3

Calcola il colore tra due colori, #821330 e #DBBBC3. 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)

#821330 - #DBBBC3 | 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 #821330 come 0% e #DBBBC3 come 100%.

0.0%	0.0% #821330	RGB 130 19 48	#821330
16.7%	16.7% #902F48	RGB 144 47 72	#902F48
33.3%	33.3% #9F4B61	RGB 159 75 97	#9F4B61
50.0%	50.0% #AE6779	RGB 174 103 121	#AE6779
66.7%	66.7% #BD8392	RGB 189 131 146	#BD8392
83.3%	83.3% #CC9FAA	RGB 204 159 170	#CC9FAA
100.0%	100.0% #DBBBC3	RGB 219 187 195	#DBBBC3

#821330 #902F48 #9F4B61 #AE6779 #BD8392 #CC9FAA #DBBBC3

#821330 - #DBBBC3

Miscela HSV

#821330 - #DBBBC3 | 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 #821330 come 0% e #DBBBC3 come 100%.

0.0%	0.0% #82132F	RGB 130 19 47	#82132F
16.7%	16.7% #902641	RGB 144 38 65	#902641
33.3%	33.3% #9F3D56	RGB 159 61 86	#9F3D56
50.0%	50.0% #AE576D	RGB 174 87 109	#AE576D
66.7%	66.7% #BD7587	RGB 189 117 135	#BD7587
83.3%	83.3% #CC96A3	RGB 204 150 163	#CC96A3
100.0%	100.0% #DBBBC3	RGB 219 187 195	#DBBBC3

#82132F #902641 #9F3D56 #AE576D #BD7587 #CC96A3 #DBBBC3

#821330 - #AE576D - #DBBBC3

Codici CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #82132F 0%, #AE576D 50%, #DBBBC3 100%);
    background: -webkit-linear-gradient(top, #82132F 0%, #AE576D 50%, #DBBBC3 100%);
    background: linear-gradient(to bottom, #82132F 0%, #AE576D 50%, #DBBBC3 100%);
}
</style>