#7D3E5E - #D9C7D1 | 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 #7D3E5E à #D9C7D1

#7D3E5E #D9C7D1

Calculez la couleur entre deux couleurs, #7D3E5E et #D9C7D1. 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)

#7D3E5E - #D9C7D1 | 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 #7D3E5E 0% et #D9C7D1 100%.

0.0%	0.0% #7D3E5E	RVB 125 62 94	#7D3E5E
16.7%	16.7% #8C5471	RVB 140 84 113	#8C5471
33.3%	33.3% #9B6B84	RVB 155 107 132	#9B6B84
50.0%	50.0% #AB8297	RVB 171 130 151	#AB8297
66.7%	66.7% #BA99AA	RVB 186 153 170	#BA99AA
83.3%	83.3% #C9B0BD	RVB 201 176 189	#C9B0BD
100.0%	100.0% #D9C7D1	RVB 217 199 209	#D9C7D1

#7D3E5E #8C5471 #9B6B84 #AB8297 #BA99AA #C9B0BD #D9C7D1

#7D3E5E - #D9C7D1

Mélange HSV

#7D3E5E - #D9C7D1 | 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 #7D3E5E 0% et #D9C7D1 100%.

0.0%	0.0% #7D3E5D	RVB 125 62 93	#7D3E5D
16.7%	16.7% #8C4F6E	RVB 140 79 110	#8C4F6E
33.3%	33.3% #9B6380	RVB 155 99 128	#9B6380
50.0%	50.0% #AB7893	RVB 171 120 147	#AB7893
66.7%	66.7% #BA90A7	RVB 186 144 167	#BA90A7
83.3%	83.3% #C9AABB	RVB 201 170 187	#C9AABB
100.0%	100.0% #D9C7D1	RVB 217 199 209	#D9C7D1

#7D3E5D #8C4F6E #9B6380 #AB7893 #BA90A7 #C9AABB #D9C7D1

#7D3E5E - #AB7893 - #D9C7D1

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7D3E5D 0%, #AB7893 50%, #D9C7D1 100%);
    background: -webkit-linear-gradient(top, #7D3E5D 0%, #AB7893 50%, #D9C7D1 100%);
    background: linear-gradient(to bottom, #7D3E5D 0%, #AB7893 50%, #D9C7D1 100%);
}
</style>