#BEA8AF - #ECE6E8 | 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 #BEA8AF à #ECE6E8

#BEA8AF #ECE6E8

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

#BEA8AF - #ECE6E8 | 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 #BEA8AF 0% et #ECE6E8 100%.

0.0%	0.0% #BEA8AF	RVB 190 168 175	#BEA8AF
16.7%	16.7% #C5B2B8	RVB 197 178 184	#C5B2B8
33.3%	33.3% #CDBCC2	RVB 205 188 194	#CDBCC2
50.0%	50.0% #D5C7CB	RVB 213 199 203	#D5C7CB
66.7%	66.7% #DCD1D5	RVB 220 209 213	#DCD1D5
83.3%	83.3% #E4DBDE	RVB 228 219 222	#E4DBDE
100.0%	100.0% #ECE6E8	RVB 236 230 232	#ECE6E8

#BEA8AF #C5B2B8 #CDBCC2 #D5C7CB #DCD1D5 #E4DBDE #ECE6E8

#BEA8AF - #ECE6E8

Mélange HSV

#BEA8AF - #ECE6E8 | 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 #BEA8AF 0% et #ECE6E8 100%.

0.0%	0.0% #BEA8AF	RVB 190 168 175	#BEA8AF
16.7%	16.7% #C5B1B8	RVB 197 177 184	#C5B1B8
33.3%	33.3% #CDBBC1	RVB 205 187 193	#CDBBC1
50.0%	50.0% #D5C5CA	RVB 213 197 202	#D5C5CA
66.7%	66.7% #DCD0D4	RVB 220 208 212	#DCD0D4
83.3%	83.3% #E4DBDE	RVB 228 219 222	#E4DBDE
100.0%	100.0% #ECE6E8	RVB 236 230 232	#ECE6E8

#BEA8AF #C5B1B8 #CDBBC1 #D5C5CA #DCD0D4 #E4DBDE #ECE6E8

#BEA8AF - #D5C5CA - #ECE6E8

Codes CSS

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

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