#DF5E62 - #8F1A24 | 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 #DF5E62 à #8F1A24

#DF5E62 #8F1A24

Calculez la couleur entre deux couleurs, #DF5E62 et #8F1A24. 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)

#DF5E62 - #8F1A24 | 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 #DF5E62 0% et #8F1A24 100%.

0.0%	0.0% #DF5E62	RVB 223 94 98	#DF5E62
16.7%	16.7% #D15257	RVB 209 82 87	#D15257
33.3%	33.3% #C4474D	RVB 196 71 77	#C4474D
50.0%	50.0% #B73C43	RVB 183 60 67	#B73C43
66.7%	66.7% #A93038	RVB 169 48 56	#A93038
83.3%	83.3% #9C252E	RVB 156 37 46	#9C252E
100.0%	100.0% #8F1A24	RVB 143 26 36	#8F1A24

#DF5E62 #D15257 #C4474D #B73C43 #A93038 #9C252E #8F1A24

#DF5E62 - #8F1A24

Mélange HSV

#DF5E62 - #8F1A24 | 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 #DF5E62 0% et #8F1A24 100%.

0.0%	0.0% #DF5E62	RVB 223 94 98	#DF5E62
16.7%	16.7% #D15055	RVB 209 80 85	#D15055
33.3%	33.3% #C44349	RVB 196 67 73	#C44349
50.0%	50.0% #B7373E	RVB 183 55 62	#B7373E
66.7%	66.7% #A92C34	RVB 169 44 52	#A92C34
83.3%	83.3% #9C222B	RVB 156 34 43	#9C222B
100.0%	100.0% #8F1A24	RVB 143 26 36	#8F1A24

#DF5E62 #D15055 #C44349 #B7373E #A92C34 #9C222B #8F1A24

#DF5E62 - #B7373E - #8F1A24

Codes CSS

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

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