#FF5E4D - #CD1D14 | 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 #FF5E4D à #CD1D14

#FF5E4D #CD1D14

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

#FF5E4D - #CD1D14 | 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 #FF5E4D 0% et #CD1D14 100%.

0.0%	0.0% #FF5E4D	RVB 255 94 77	#FF5E4D
16.7%	16.7% #F65343	RVB 246 83 67	#F65343
33.3%	33.3% #EE483A	RVB 238 72 58	#EE483A
50.0%	50.0% #E63D30	RVB 230 61 48	#E63D30
66.7%	66.7% #DD3227	RVB 221 50 39	#DD3227
83.3%	83.3% #D5271D	RVB 213 39 29	#D5271D
100.0%	100.0% #CD1D14	RVB 205 29 20	#CD1D14

#FF5E4D #F65343 #EE483A #E63D30 #DD3227 #D5271D #CD1D14

#FF5E4D - #CD1D14

Mélange HSV

#FF5E4D - #CD1D14 | 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 #FF5E4D 0% et #CD1D14 100%.

0.0%	0.0% #FF5E4D	RVB 255 94 77	#FF5E4D
16.7%	16.7% #F65142	RVB 246 81 66	#F65142
33.3%	33.3% #EE4637	RVB 238 70 55	#EE4637
50.0%	50.0% #E63B2D	RVB 230 59 45	#E63B2D
66.7%	66.7% #DD3024	RVB 221 48 36	#DD3024
83.3%	83.3% #D5261C	RVB 213 38 28	#D5261C
100.0%	100.0% #CD1D14	RVB 205 29 20	#CD1D14

#FF5E4D #F65142 #EE4637 #E63B2D #DD3024 #D5261C #CD1D14

#FF5E4D - #E63B2D - #CD1D14

Codes CSS

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

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