#DF5E9F - #F78BFF | 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 #DF5E9F à #F78BFF

#DF5E9F #F78BFF

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

#DF5E9F - #F78BFF | 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 #DF5E9F 0% et #F78BFF 100%.

0.0%	0.0% #DF5E9F	RVB 223 94 159	#DF5E9F
16.7%	16.7% #E365AF	RVB 227 101 175	#E365AF
33.3%	33.3% #E76DBF	RVB 231 109 191	#E76DBF
50.0%	50.0% #EB74CF	RVB 235 116 207	#EB74CF
66.7%	66.7% #EF7CDF	RVB 239 124 223	#EF7CDF
83.3%	83.3% #F383EF	RVB 243 131 239	#F383EF
100.0%	100.0% #F78BFF	RVB 247 139 255	#F78BFF

#DF5E9F #E365AF #E76DBF #EB74CF #EF7CDF #F383EF #F78BFF

#DF5E9F - #F78BFF

Mélange HSV

#DF5E9F - #F78BFF | 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 #DF5E9F 0% et #F78BFF 100%.

0.0%	0.0% #DF5E9E	RVB 223 94 158	#DF5E9E
16.7%	16.7% #E464B1	RVB 228 100 177	#E464B1
33.3%	33.3% #E96CC3	RVB 233 108 195	#E96CC3
50.0%	50.0% #EF73D4	RVB 239 115 212	#EF73D4
66.7%	66.7% #F47BE5	RVB 244 123 229	#F47BE5
83.3%	83.3% #F982F6	RVB 249 130 246	#F982F6
100.0%	100.0% #F78BFF	RVB 247 139 255	#F78BFF

#DF5E9E #E464B1 #E96CC3 #EF73D4 #F47BE5 #F982F6 #F78BFF

#DF5E9F - #EF73D4 - #F78BFF

Codes CSS

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

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