#BBCCB7 - #EEEAC2 | 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 #BBCCB7 à #EEEAC2

#BBCCB7 #EEEAC2

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

#BBCCB7 - #EEEAC2 | 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 #BBCCB7 0% et #EEEAC2 100%.

0.0%	0.0% #BBCCB7	RVB 187 204 183	#BBCCB7
16.7%	16.7% #C3D1B8	RVB 195 209 184	#C3D1B8
33.3%	33.3% #CCD6BA	RVB 204 214 186	#CCD6BA
50.0%	50.0% #D4DBBC	RVB 212 219 188	#D4DBBC
66.7%	66.7% #DDE0BE	RVB 221 224 190	#DDE0BE
83.3%	83.3% #E5E5C0	RVB 229 229 192	#E5E5C0
100.0%	100.0% #EEEAC2	RVB 238 234 194	#EEEAC2

#BBCCB7 #C3D1B8 #CCD6BA #D4DBBC #DDE0BE #E5E5C0 #EEEAC2

#BBCCB7 - #EEEAC2

Mélange HSV

#BBCCB7 - #EEEAC2 | 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 #BBCCB7 0% et #EEEAC2 100%.

0.0%	0.0% #BBCCB7	RVB 187 204 183	#BBCCB7
16.7%	16.7% #C1D1B9	RVB 193 209 185	#C1D1B9
33.3%	33.3% #C9D7BB	RVB 201 215 187	#C9D7BB
50.0%	50.0% #D1DDBD	RVB 209 221 189	#D1DDBD
66.7%	66.7% #DBE2BE	RVB 219 226 190	#DBE2BE
83.3%	83.3% #E5E8C0	RVB 229 232 192	#E5E8C0
100.0%	100.0% #EEEAC2	RVB 238 234 194	#EEEAC2

#BBCCB7 #C1D1B9 #C9D7BB #D1DDBD #DBE2BE #E5E8C0 #EEEAC2

#BBCCB7 - #D1DDBD - #EEEAC2

Codes CSS

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

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