#773B5E - #D8C7D1 | 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 #773B5E à #D8C7D1

#773B5E #D8C7D1

Calculez la couleur entre deux couleurs, #773B5E et #D8C7D1. 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)

#773B5E - #D8C7D1 | 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 #773B5E 0% et #D8C7D1 100%.

0.0%	0.0% #773B5E	RVB 119 59 94	#773B5E
16.7%	16.7% #875271	RVB 135 82 113	#875271
33.3%	33.3% #976984	RVB 151 105 132	#976984
50.0%	50.0% #A78197	RVB 167 129 151	#A78197
66.7%	66.7% #B798AA	RVB 183 152 170	#B798AA
83.3%	83.3% #C7AFBD	RVB 199 175 189	#C7AFBD
100.0%	100.0% #D8C7D1	RVB 216 199 209	#D8C7D1

#773B5E #875271 #976984 #A78197 #B798AA #C7AFBD #D8C7D1

#773B5E - #D8C7D1

Mélange HSV

#773B5E - #D8C7D1 | 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 #773B5E 0% et #D8C7D1 100%.

0.0%	0.0% #773B5E	RVB 119 59 94	#773B5E
16.7%	16.7% #874C6E	RVB 135 76 110	#874C6E
33.3%	33.3% #976080	RVB 151 96 128	#976080
50.0%	50.0% #A77693	RVB 167 118 147	#A77693
66.7%	66.7% #B78FA6	RVB 183 143 166	#B78FA6
83.3%	83.3% #C7A9BB	RVB 199 169 187	#C7A9BB
100.0%	100.0% #D8C7D1	RVB 216 199 209	#D8C7D1

#773B5E #874C6E #976080 #A77693 #B78FA6 #C7A9BB #D8C7D1

#773B5E - #A77693 - #D8C7D1

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #773B5E 0%, #A77693 50%, #D8C7D1 100%);
    background: -webkit-linear-gradient(top, #773B5E 0%, #A77693 50%, #D8C7D1 100%);
    background: linear-gradient(to bottom, #773B5E 0%, #A77693 50%, #D8C7D1 100%);
}
</style>