#DBAEB8 - #B05962 | 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 #DBAEB8 a #B05962

#DBAEB8 #B05962

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

#DBAEB8 - #B05962 | 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 #DBAEB8 come 0% e #B05962 come 100%.

0.0%	0.0% #DBAEB8	RGB 219 174 184	#DBAEB8
16.7%	16.7% #D39FA9	RGB 211 159 169	#D39FA9
33.3%	33.3% #CC919B	RGB 204 145 155	#CC919B
50.0%	50.0% #C5838D	RGB 197 131 141	#C5838D
66.7%	66.7% #BE757E	RGB 190 117 126	#BE757E
83.3%	83.3% #B76770	RGB 183 103 112	#B76770
100.0%	100.0% #B05962	RGB 176 89 98	#B05962

#DBAEB8 #D39FA9 #CC919B #C5838D #BE757E #B76770 #B05962

#DBAEB8 - #B05962

Miscela HSV

#DBAEB8 - #B05962 | 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 #DBAEB8 come 0% e #B05962 come 100%.

0.0%	0.0% #DBAEB8	RGB 219 174 184	#DBAEB8
16.7%	16.7% #D39EA8	RGB 211 158 168	#D39EA8
33.3%	33.3% #CC8E9A	RGB 204 142 154	#CC8E9A
50.0%	50.0% #C5808B	RGB 197 128 139	#C5808B
66.7%	66.7% #BE727D	RGB 190 114 125	#BE727D
83.3%	83.3% #B7656F	RGB 183 101 111	#B7656F
100.0%	100.0% #B05962	RGB 176 89 98	#B05962

#DBAEB8 #D39EA8 #CC8E9A #C5808B #BE727D #B7656F #B05962

#DBAEB8 - #C5808B - #B05962

Codici CSS

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

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