#B5AEA8 - #ECCDC1 | 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 #B5AEA8 à #ECCDC1

#B5AEA8 #ECCDC1

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

#B5AEA8 - #ECCDC1 | 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 #B5AEA8 0% et #ECCDC1 100%.

0.0%	0.0% #B5AEA8	RVB 181 174 168	#B5AEA8
16.7%	16.7% #BEB3AC	RVB 190 179 172	#BEB3AC
33.3%	33.3% #C7B8B0	RVB 199 184 176	#C7B8B0
50.0%	50.0% #D0BDB4	RVB 208 189 180	#D0BDB4
66.7%	66.7% #D9C2B8	RVB 217 194 184	#D9C2B8
83.3%	83.3% #E2C7BC	RVB 226 199 188	#E2C7BC
100.0%	100.0% #ECCDC1	RVB 236 205 193	#ECCDC1

#B5AEA8 #BEB3AC #C7B8B0 #D0BDB4 #D9C2B8 #E2C7BC #ECCDC1

#B5AEA8 - #ECCDC1

Mélange HSV

#B5AEA8 - #ECCDC1 | 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 #B5AEA8 0% et #ECCDC1 100%.

0.0%	0.0% #B5AEA8	RVB 181 174 168	#B5AEA8
16.7%	16.7% #BEB4AD	RVB 190 180 173	#BEB4AD
33.3%	33.3% #C7BAB1	RVB 199 186 177	#C7BAB1
50.0%	50.0% #D0BFB6	RVB 208 191 182	#D0BFB6
66.7%	66.7% #D9C4BA	RVB 217 196 186	#D9C4BA
83.3%	83.3% #E2C9BD	RVB 226 201 189	#E2C9BD
100.0%	100.0% #ECCDC1	RVB 236 205 193	#ECCDC1

#B5AEA8 #BEB4AD #C7BAB1 #D0BFB6 #D9C4BA #E2C9BD #ECCDC1

#B5AEA8 - #D0BFB6 - #ECCDC1

Codes CSS

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

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