#E7E5E6 - #D59CB6 | 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 #E7E5E6 à #D59CB6

#E7E5E6 #D59CB6

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

#E7E5E6 - #D59CB6 | 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 #E7E5E6 0% et #D59CB6 100%.

0.0%	0.0% #E7E5E6	RVB 231 229 230	#E7E5E6
16.7%	16.7% #E4D8DE	RVB 228 216 222	#E4D8DE
33.3%	33.3% #E1CCD6	RVB 225 204 214	#E1CCD6
50.0%	50.0% #DEC0CE	RVB 222 192 206	#DEC0CE
66.7%	66.7% #DBB4C6	RVB 219 180 198	#DBB4C6
83.3%	83.3% #D8A8BE	RVB 216 168 190	#D8A8BE
100.0%	100.0% #D59CB6	RVB 213 156 182	#D59CB6

#E7E5E6 #E4D8DE #E1CCD6 #DEC0CE #DBB4C6 #D8A8BE #D59CB6

#E7E5E6 - #D59CB6

Mélange HSV

#E7E5E6 - #D59CB6 | 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 #E7E5E6 0% et #D59CB6 100%.

0.0%	0.0% #E7E5E6	RVB 231 229 230	#E7E5E6
16.7%	16.7% #E4D8DE	RVB 228 216 222	#E4D8DE
33.3%	33.3% #E1CBD6	RVB 225 203 214	#E1CBD6
50.0%	50.0% #DEBFCD	RVB 222 191 205	#DEBFCD
66.7%	66.7% #DBB3C5	RVB 219 179 197	#DBB3C5
83.3%	83.3% #D8A7BD	RVB 216 167 189	#D8A7BD
100.0%	100.0% #D59CB6	RVB 213 156 182	#D59CB6

#E7E5E6 #E4D8DE #E1CBD6 #DEBFCD #DBB3C5 #D8A7BD #D59CB6

#E7E5E6 - #DEBFCD - #D59CB6

Codes CSS

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

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