#A8BBCD - #E2DDD4 | 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 #A8BBCD à #E2DDD4

#A8BBCD #E2DDD4

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

#A8BBCD - #E2DDD4 | 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 #A8BBCD 0% et #E2DDD4 100%.

0.0%	0.0% #A8BBCD	RVB 168 187 205	#A8BBCD
16.7%	16.7% #B1C0CE	RVB 177 192 206	#B1C0CE
33.3%	33.3% #BBC6CF	RVB 187 198 207	#BBC6CF
50.0%	50.0% #C5CCD0	RVB 197 204 208	#C5CCD0
66.7%	66.7% #CED1D1	RVB 206 209 209	#CED1D1
83.3%	83.3% #D8D7D2	RVB 216 215 210	#D8D7D2
100.0%	100.0% #E2DDD4	RVB 226 221 212	#E2DDD4

#A8BBCD #B1C0CE #BBC6CF #C5CCD0 #CED1D1 #D8D7D2 #E2DDD4

#A8BBCD - #E2DDD4

Mélange HSV

#A8BBCD - #E2DDD4 | 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 #A8BBCD 0% et #E2DDD4 100%.

0.0%	0.0% #A8BBCD	RVB 168 187 205	#A8BBCD
16.7%	16.7% #AED0D0	RVB 174 208 208	#AED0D0
33.3%	33.3% #B6D4C6	RVB 182 212 198	#B6D4C6
50.0%	50.0% #BDD7BF	RVB 189 215 191	#BDD7BF
66.7%	66.7% #CDDBC4	RVB 205 219 196	#CDDBC4
83.3%	83.3% #DCDECC	RVB 220 222 204	#DCDECC
100.0%	100.0% #E2DDD4	RVB 226 221 212	#E2DDD4

#A8BBCD #AED0D0 #B6D4C6 #BDD7BF #CDDBC4 #DCDECC #E2DDD4

#A8BBCD - #BDD7BF - #E2DDD4

Codes CSS

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

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