#DB5E5D - #AB1D1A | 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 #DB5E5D à #AB1D1A

#DB5E5D #AB1D1A

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

#DB5E5D - #AB1D1A | 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 #DB5E5D 0% et #AB1D1A 100%.

0.0%	0.0% #DB5E5D	RVB 219 94 93	#DB5E5D
16.7%	16.7% #D35351	RVB 211 83 81	#D35351
33.3%	33.3% #CB4846	RVB 203 72 70	#CB4846
50.0%	50.0% #C33D3B	RVB 195 61 59	#C33D3B
66.7%	66.7% #BB3230	RVB 187 50 48	#BB3230
83.3%	83.3% #B32725	RVB 179 39 37	#B32725
100.0%	100.0% #AB1D1A	RVB 171 29 26	#AB1D1A

#DB5E5D #D35351 #CB4846 #C33D3B #BB3230 #B32725 #AB1D1A

#DB5E5D - #AB1D1A

Mélange HSV

#DB5E5D - #AB1D1A | 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 #DB5E5D 0% et #AB1D1A 100%.

0.0%	0.0% #DB5E5D	RVB 219 94 93	#DB5E5D
16.7%	16.7% #D35150	RVB 211 81 80	#D35150
33.3%	33.3% #CB4543	RVB 203 69 67	#CB4543
50.0%	50.0% #C33A38	RVB 195 58 56	#C33A38
66.7%	66.7% #BB2F2D	RVB 187 47 45	#BB2F2D
83.3%	83.3% #B32623	RVB 179 38 35	#B32623
100.0%	100.0% #AB1D1A	RVB 171 29 26	#AB1D1A

#DB5E5D #D35150 #CB4543 #C33A38 #BB2F2D #B32623 #AB1D1A

#DB5E5D - #C33A38 - #AB1D1A

Codes CSS

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

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