#DC1354 - #FF6E5E | 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 #DC1354 à #FF6E5E

#DC1354 #FF6E5E

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

#DC1354 - #FF6E5E | 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 #DC1354 0% et #FF6E5E 100%.

0.0%	0.0% #DC1354	RVB 220 19 84	#DC1354
16.7%	16.7% #E12255	RVB 225 34 85	#E12255
33.3%	33.3% #E73157	RVB 231 49 87	#E73157
50.0%	50.0% #ED4059	RVB 237 64 89	#ED4059
66.7%	66.7% #F34F5A	RVB 243 79 90	#F34F5A
83.3%	83.3% #F95E5C	RVB 249 94 92	#F95E5C
100.0%	100.0% #FF6E5E	RVB 255 110 94	#FF6E5E

#DC1354 #E12255 #E73157 #ED4059 #F34F5A #F95E5C #FF6E5E

#DC1354 - #FF6E5E

Mélange HSV

#DC1354 - #FF6E5E | 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 #DC1354 0% et #FF6E5E 100%.

0.0%	0.0% #DC1254	RVB 220 18 84	#DC1254
16.7%	16.7% #E11E4F	RVB 225 30 79	#E11E4F
33.3%	33.3% #E7294C	RVB 231 41 76	#E7294C
50.0%	50.0% #ED364A	RVB 237 54 74	#ED364A
66.7%	66.7% #F3424A	RVB 243 66 74	#F3424A
83.3%	83.3% #F95550	RVB 249 85 80	#F95550
100.0%	100.0% #FF6E5E	RVB 255 110 94	#FF6E5E

#DC1254 #E11E4F #E7294C #ED364A #F3424A #F95550 #FF6E5E

#DC1354 - #ED364A - #FF6E5E

Codes CSS

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

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