#EDE5E5 - #DDA49B | 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 #EDE5E5 à #DDA49B

#EDE5E5 #DDA49B

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

#EDE5E5 - #DDA49B | 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 #EDE5E5 0% et #DDA49B 100%.

0.0%	0.0% #EDE5E5	RVB 237 229 229	#EDE5E5
16.7%	16.7% #EADAD8	RVB 234 218 216	#EADAD8
33.3%	33.3% #E7CFCC	RVB 231 207 204	#E7CFCC
50.0%	50.0% #E5C4C0	RVB 229 196 192	#E5C4C0
66.7%	66.7% #E2B9B3	RVB 226 185 179	#E2B9B3
83.3%	83.3% #DFAEA7	RVB 223 174 167	#DFAEA7
100.0%	100.0% #DDA49B	RVB 221 164 155	#DDA49B

#EDE5E5 #EADAD8 #E7CFCC #E5C4C0 #E2B9B3 #DFAEA7 #DDA49B

#EDE5E5 - #DDA49B

Mélange HSV

#EDE5E5 - #DDA49B | 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 #EDE5E5 0% et #DDA49B 100%.

0.0%	0.0% #EDE5E5	RVB 237 229 229	#EDE5E5
16.7%	16.7% #EAD8D8	RVB 234 216 216	#EAD8D8
33.3%	33.3% #E7CCCB	RVB 231 204 203	#E7CCCB
50.0%	50.0% #E5C1BE	RVB 229 193 190	#E5C1BE
66.7%	66.7% #E2B7B2	RVB 226 183 178	#E2B7B2
83.3%	83.3% #DFADA6	RVB 223 173 166	#DFADA6
100.0%	100.0% #DDA49B	RVB 221 164 155	#DDA49B

#EDE5E5 #EAD8D8 #E7CCCB #E5C1BE #E2B7B2 #DFADA6 #DDA49B

#EDE5E5 - #E5C1BE - #DDA49B

Codes CSS

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

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