#DF8FAC - #A92F5E | 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 #DF8FAC à #A92F5E

#DF8FAC #A92F5E

Calculez la couleur entre deux couleurs, #DF8FAC et #A92F5E. 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)

#DF8FAC - #A92F5E | 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 #DF8FAC 0% et #A92F5E 100%.

0.0%	0.0% #DF8FAC	RVB 223 143 172	#DF8FAC
16.7%	16.7% #D67F9F	RVB 214 127 159	#D67F9F
33.3%	33.3% #CD6F92	RVB 205 111 146	#CD6F92
50.0%	50.0% #C45F85	RVB 196 95 133	#C45F85
66.7%	66.7% #BB4F78	RVB 187 79 120	#BB4F78
83.3%	83.3% #B23F6B	RVB 178 63 107	#B23F6B
100.0%	100.0% #A92F5E	RVB 169 47 94	#A92F5E

#DF8FAC #D67F9F #CD6F92 #C45F85 #BB4F78 #B23F6B #A92F5E

#DF8FAC - #A92F5E

Mélange HSV

#DF8FAC - #A92F5E | 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 #DF8FAC 0% et #A92F5E 100%.

0.0%	0.0% #DF8FAB	RVB 223 143 171	#DF8FAB
16.7%	16.7% #D67C9D	RVB 214 124 157	#D67C9D
33.3%	33.3% #CD6A8F	RVB 205 106 143	#CD6A8F
50.0%	50.0% #C45A81	RVB 196 90 129	#C45A81
66.7%	66.7% #BB4A75	RVB 187 74 117	#BB4A75
83.3%	83.3% #B23C69	RVB 178 60 105	#B23C69
100.0%	100.0% #A92F5E	RVB 169 47 94	#A92F5E

#DF8FAB #D67C9D #CD6A8F #C45A81 #BB4A75 #B23C69 #A92F5E

#DF8FAC - #C45A81 - #A92F5E

Codes CSS

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

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