#DB9F7B - #3E2D23 | 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 #DB9F7B à #3E2D23

#DB9F7B #3E2D23

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

#DB9F7B - #3E2D23 | 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 #DB9F7B 0% et #3E2D23 100%.

0.0%	0.0% #DB9F7B	RVB 219 159 123	#DB9F7B
16.7%	16.7% #C08C6C	RVB 192 140 108	#C08C6C
33.3%	33.3% #A6795D	RVB 166 121 93	#A6795D
50.0%	50.0% #8C664F	RVB 140 102 79	#8C664F
66.7%	66.7% #725340	RVB 114 83 64	#725340
83.3%	83.3% #584031	RVB 88 64 49	#584031
100.0%	100.0% #3E2D23	RVB 62 45 35	#3E2D23

#DB9F7B #C08C6C #A6795D #8C664F #725340 #584031 #3E2D23

#DB9F7B - #3E2D23

Mélange HSV

#DB9F7B - #3E2D23 | 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 #DB9F7B 0% et #3E2D23 100%.

0.0%	0.0% #DB9F7B	RVB 219 159 123	#DB9F7B
16.7%	16.7% #C08B6C	RVB 192 139 108	#C08B6C
33.3%	33.3% #A6785D	RVB 166 120 93	#A6785D
50.0%	50.0% #8C654F	RVB 140 101 79	#8C654F
66.7%	66.7% #725240	RVB 114 82 64	#725240
83.3%	83.3% #583F31	RVB 88 63 49	#583F31
100.0%	100.0% #3E2D23	RVB 62 45 35	#3E2D23

#DB9F7B #C08B6C #A6785D #8C654F #725240 #583F31 #3E2D23

#DB9F7B - #8C654F - #3E2D23

Codes CSS

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

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