#DC8AB7 - #AC2D5E | colorate

Colorate est un outil de gestion de couleurs pour les concepteurs et les développeurs. Il constitue une ressource précieuse pour trouver rapidement des jeux de couleurs en adéquation avec vos projets. Rendez ce site meilleur

Mélanger #DC8AB7 à #AC2D5E

#DC8AB7 #AC2D5E

Calculez la couleur entre deux couleurs, #DC8AB7 et #AC2D5E. Dans le calcul des valeurs RVB, la saturation entre les couleurs dissemblables est faible. Dans le calcul des valeurs HSV, la saturation entre les couleurs dissemblables n'est pas faible.

Mélange RVB (Linéaire)

#DC8AB7 - #AC2D5E | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur RVB. Pour les couleurs éloignées les unes des autres, la saturation entre les deux couleurs diminue. Développez la couleur entre deux couleurs avec #DC8AB7 0% et #AC2D5E 100%.

0.0%	0.0% #DC8AB7	RVB 220 138 183	#DC8AB7
16.7%	16.7% #D47AA8	RVB 212 122 168	#D47AA8
33.3%	33.3% #CC6B99	RVB 204 107 153	#CC6B99
50.0%	50.0% #C45B8A	RVB 196 91 138	#C45B8A
66.7%	66.7% #BC4C7B	RVB 188 76 123	#BC4C7B
83.3%	83.3% #B43C6C	RVB 180 60 108	#B43C6C
100.0%	100.0% #AC2D5E	RVB 172 45 94	#AC2D5E

#DC8AB7 #D47AA8 #CC6B99 #C45B8A #BC4C7B #B43C6C #AC2D5E

#DC8AB7 - #AC2D5E

Mélange HSV

#DC8AB7 - #AC2D5E | colorate

Calcul de la couleur entre deux couleurs en fonction de la valeur HSV. Même entre des couleurs de couleur distinctes, la saturation entre les deux couleurs ne diminue pas. Développez la couleur entre deux couleurs avec #DC8AB7 0% et #AC2D5E 100%.

0.0%	0.0% #DC8AB7	RVB 220 138 183	#DC8AB7
16.7%	16.7% #D478A8	RVB 212 120 168	#D478A8
33.3%	33.3% #CC6798	RVB 204 103 152	#CC6798
50.0%	50.0% #C45789	RVB 196 87 137	#C45789
66.7%	66.7% #BC487B	RVB 188 72 123	#BC487B
83.3%	83.3% #B43A6C	RVB 180 58 108	#B43A6C
100.0%	100.0% #AC2D5E	RVB 172 45 94	#AC2D5E

#DC8AB7 #D478A8 #CC6798 #C45789 #BC487B #B43A6C #AC2D5E

#DC8AB7 - #C45789 - #AC2D5E

Codes CSS

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

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