#DC5E53 - #AA2016 | 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 #DC5E53 à #AA2016

#DC5E53 #AA2016

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

#DC5E53 - #AA2016 | 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 #DC5E53 0% et #AA2016 100%.

0.0%	0.0% #DC5E53	RVB 220 94 83	#DC5E53
16.7%	16.7% #D35348	RVB 211 83 72	#D35348
33.3%	33.3% #CB493E	RVB 203 73 62	#CB493E
50.0%	50.0% #C33F34	RVB 195 63 52	#C33F34
66.7%	66.7% #BA342A	RVB 186 52 42	#BA342A
83.3%	83.3% #B22A20	RVB 178 42 32	#B22A20
100.0%	100.0% #AA2016	RVB 170 32 22	#AA2016

#DC5E53 #D35348 #CB493E #C33F34 #BA342A #B22A20 #AA2016

#DC5E53 - #AA2016

Mélange HSV

#DC5E53 - #AA2016 | 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 #DC5E53 0% et #AA2016 100%.

0.0%	0.0% #DC5E53	RVB 220 94 83	#DC5E53
16.7%	16.7% #D35247	RVB 211 82 71	#D35247
33.3%	33.3% #CB463B	RVB 203 70 59	#CB463B
50.0%	50.0% #C33C31	RVB 195 60 49	#C33C31
66.7%	66.7% #BA3227	RVB 186 50 39	#BA3227
83.3%	83.3% #B2281E	RVB 178 40 30	#B2281E
100.0%	100.0% #AA2016	RVB 170 32 22	#AA2016

#DC5E53 #D35247 #CB463B #C33C31 #BA3227 #B2281E #AA2016

#DC5E53 - #C33C31 - #AA2016

Codes CSS

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

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