#ECE1DA - #CE9F8C | 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 #ECE1DA à #CE9F8C

#ECE1DA #CE9F8C

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

#ECE1DA - #CE9F8C | 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 #ECE1DA 0% et #CE9F8C 100%.

0.0%	0.0% #ECE1DA	RVB 236 225 218	#ECE1DA
16.7%	16.7% #E7D6CD	RVB 231 214 205	#E7D6CD
33.3%	33.3% #E2CBC0	RVB 226 203 192	#E2CBC0
50.0%	50.0% #DDC0B3	RVB 221 192 179	#DDC0B3
66.7%	66.7% #D8B5A6	RVB 216 181 166	#D8B5A6
83.3%	83.3% #D3AA99	RVB 211 170 153	#D3AA99
100.0%	100.0% #CE9F8C	RVB 206 159 140	#CE9F8C

#ECE1DA #E7D6CD #E2CBC0 #DDC0B3 #D8B5A6 #D3AA99 #CE9F8C

#ECE1DA - #CE9F8C

Mélange HSV

#ECE1DA - #CE9F8C | 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 #ECE1DA 0% et #CE9F8C 100%.

0.0%	0.0% #ECE1DA	RVB 236 225 218	#ECE1DA
16.7%	16.7% #E7D6CB	RVB 231 214 203	#E7D6CB
33.3%	33.3% #E2CBBE	RVB 226 203 190	#E2CBBE
50.0%	50.0% #DDC0B1	RVB 221 192 177	#DDC0B1
66.7%	66.7% #D8B4A4	RVB 216 180 164	#D8B4A4
83.3%	83.3% #D3A997	RVB 211 169 151	#D3A997
100.0%	100.0% #CE9F8C	RVB 206 159 140	#CE9F8C

#ECE1DA #E7D6CB #E2CBBE #DDC0B1 #D8B4A4 #D3A997 #CE9F8C

#ECE1DA - #DDC0B1 - #CE9F8C

Codes CSS

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

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