#D9DA9F - #3D3E2D | 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 #D9DA9F à #3D3E2D

#D9DA9F #3D3E2D

Calculez la couleur entre deux couleurs, #D9DA9F et #3D3E2D. 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)

#D9DA9F - #3D3E2D | 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 #D9DA9F 0% et #3D3E2D 100%.

0.0%	0.0% #D9DA9F	RVB 217 218 159	#D9DA9F
16.7%	16.7% #BFC08C	RVB 191 192 140	#BFC08C
33.3%	33.3% #A5A679	RVB 165 166 121	#A5A679
50.0%	50.0% #8B8C66	RVB 139 140 102	#8B8C66
66.7%	66.7% #717253	RVB 113 114 83	#717253
83.3%	83.3% #575840	RVB 87 88 64	#575840
100.0%	100.0% #3D3E2D	RVB 61 62 45	#3D3E2D

#D9DA9F #BFC08C #A5A679 #8B8C66 #717253 #575840 #3D3E2D

#D9DA9F - #3D3E2D

Mélange HSV

#D9DA9F - #3D3E2D | 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 #D9DA9F 0% et #3D3E2D 100%.

0.0%	0.0% #D9DA9F	RVB 217 218 159	#D9DA9F
16.7%	16.7% #BEC08B	RVB 190 192 139	#BEC08B
33.3%	33.3% #A4A678	RVB 164 166 120	#A4A678
50.0%	50.0% #8A8C65	RVB 138 140 101	#8A8C65
66.7%	66.7% #707252	RVB 112 114 82	#707252
83.3%	83.3% #56583F	RVB 86 88 63	#56583F
100.0%	100.0% #3D3E2D	RVB 61 62 45	#3D3E2D

#D9DA9F #BEC08B #A4A678 #8A8C65 #707252 #56583F #3D3E2D

#D9DA9F - #8A8C65 - #3D3E2D

Codes CSS

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

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