#DA9FBC - #3E2D35 | 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 #DA9FBC à #3E2D35

#DA9FBC #3E2D35

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

#DA9FBC - #3E2D35 | 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 #DA9FBC 0% et #3E2D35 100%.

0.0%	0.0% #DA9FBC	RVB 218 159 188	#DA9FBC
16.7%	16.7% #C08CA5	RVB 192 140 165	#C08CA5
33.3%	33.3% #A6798F	RVB 166 121 143	#A6798F
50.0%	50.0% #8C6678	RVB 140 102 120	#8C6678
66.7%	66.7% #725362	RVB 114 83 98	#725362
83.3%	83.3% #58404B	RVB 88 64 75	#58404B
100.0%	100.0% #3E2D35	RVB 62 45 53	#3E2D35

#DA9FBC #C08CA5 #A6798F #8C6678 #725362 #58404B #3E2D35

#DA9FBC - #3E2D35

Mélange HSV

#DA9FBC - #3E2D35 | 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 #DA9FBC 0% et #3E2D35 100%.

0.0%	0.0% #DA9FBC	RVB 218 159 188	#DA9FBC
16.7%	16.7% #C08BA5	RVB 192 139 165	#C08BA5
33.3%	33.3% #A6788E	RVB 166 120 142	#A6788E
50.0%	50.0% #8C6578	RVB 140 101 120	#8C6578
66.7%	66.7% #725261	RVB 114 82 97	#725261
83.3%	83.3% #583F4B	RVB 88 63 75	#583F4B
100.0%	100.0% #3E2D35	RVB 62 45 53	#3E2D35

#DA9FBC #C08BA5 #A6788E #8C6578 #725261 #583F4B #3E2D35

#DA9FBC - #8C6578 - #3E2D35

Codes CSS

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

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