#5E3E45 - #CD8364 | 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 #5E3E45 à #CD8364

#5E3E45 #CD8364

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

#5E3E45 - #CD8364 | 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 #5E3E45 0% et #CD8364 100%.

0.0%	0.0% #5E3E45	RVB 94 62 69	#5E3E45
16.7%	16.7% #70494A	RVB 112 73 74	#70494A
33.3%	33.3% #83554F	RVB 131 85 79	#83554F
50.0%	50.0% #956054	RVB 149 96 84	#956054
66.7%	66.7% #A86C59	RVB 168 108 89	#A86C59
83.3%	83.3% #BA775E	RVB 186 119 94	#BA775E
100.0%	100.0% #CD8364	RVB 205 131 100	#CD8364

#5E3E45 #70494A #83554F #956054 #A86C59 #BA775E #CD8364

#5E3E45 - #CD8364

Mélange HSV

#5E3E45 - #CD8364 | 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 #5E3E45 0% et #CD8364 100%.

0.0%	0.0% #5E3E45	RVB 94 62 69	#5E3E45
16.7%	16.7% #70464C	RVB 112 70 76	#70464C
33.3%	33.3% #834E51	RVB 131 78 81	#834E51
50.0%	50.0% #955855	RVB 149 88 85	#955855
66.7%	66.7% #A8655B	RVB 168 101 91	#A8655B
83.3%	83.3% #BA7360	RVB 186 115 96	#BA7360
100.0%	100.0% #CD8364	RVB 205 131 100	#CD8364

#5E3E45 #70464C #834E51 #955855 #A8655B #BA7360 #CD8364

#5E3E45 - #955855 - #CD8364

Codes CSS

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

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