#5E3E48 - #CD8469 | 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 #5E3E48 à #CD8469

#5E3E48 #CD8469

Calculez la couleur entre deux couleurs, #5E3E48 et #CD8469. 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)

#5E3E48 - #CD8469 | 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 #5E3E48 0% et #CD8469 100%.

0.0%	0.0% #5E3E48	RVB 94 62 72	#5E3E48
16.7%	16.7% #70494D	RVB 112 73 77	#70494D
33.3%	33.3% #835553	RVB 131 85 83	#835553
50.0%	50.0% #956158	RVB 149 97 88	#956158
66.7%	66.7% #A86C5E	RVB 168 108 94	#A86C5E
83.3%	83.3% #BA7863	RVB 186 120 99	#BA7863
100.0%	100.0% #CD8469	RVB 205 132 105	#CD8469

#5E3E48 #70494D #835553 #956158 #A86C5E #BA7863 #CD8469

#5E3E48 - #CD8469

Mélange HSV

#5E3E48 - #CD8469 | 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 #5E3E48 0% et #CD8469 100%.

0.0%	0.0% #5E3E48	RVB 94 62 72	#5E3E48
16.7%	16.7% #704750	RVB 112 71 80	#704750
33.3%	33.3% #834F56	RVB 131 79 86	#834F56
50.0%	50.0% #955758	RVB 149 87 88	#955758
66.7%	66.7% #A8635E	RVB 168 99 94	#A8635E
83.3%	83.3% #BA7364	RVB 186 115 100	#BA7364
100.0%	100.0% #CD8469	RVB 205 132 105	#CD8469

#5E3E48 #704750 #834F56 #955758 #A8635E #BA7364 #CD8469

#5E3E48 - #955758 - #CD8469

Codes CSS

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

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