#ABB5A8 - #D7ECC0 | 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 #ABB5A8 à #D7ECC0

#ABB5A8 #D7ECC0

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

#ABB5A8 - #D7ECC0 | 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 #ABB5A8 0% et #D7ECC0 100%.

0.0%	0.0% #ABB5A8	RVB 171 181 168	#ABB5A8
16.7%	16.7% #B2BEAC	RVB 178 190 172	#B2BEAC
33.3%	33.3% #B9C7B0	RVB 185 199 176	#B9C7B0
50.0%	50.0% #C1D0B4	RVB 193 208 180	#C1D0B4
66.7%	66.7% #C8D9B8	RVB 200 217 184	#C8D9B8
83.3%	83.3% #CFE2BC	RVB 207 226 188	#CFE2BC
100.0%	100.0% #D7ECC0	RVB 215 236 192	#D7ECC0

#ABB5A8 #B2BEAC #B9C7B0 #C1D0B4 #C8D9B8 #CFE2BC #D7ECC0

#ABB5A8 - #D7ECC0

Mélange HSV

#ABB5A8 - #D7ECC0 | 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 #ABB5A8 0% et #D7ECC0 100%.

0.0%	0.0% #ABB5A8	RVB 171 181 168	#ABB5A8
16.7%	16.7% #B1BEAC	RVB 177 190 172	#B1BEAC
33.3%	33.3% #B8C7B1	RVB 184 199 177	#B8C7B1
50.0%	50.0% #BFD0B5	RVB 191 208 181	#BFD0B5
66.7%	66.7% #C7D9B9	RVB 199 217 185	#C7D9B9
83.3%	83.3% #CEE2BC	RVB 206 226 188	#CEE2BC
100.0%	100.0% #D7ECC0	RVB 215 236 192	#D7ECC0

#ABB5A8 #B1BEAC #B8C7B1 #BFD0B5 #C7D9B9 #CEE2BC #D7ECC0

#ABB5A8 - #BFD0B5 - #D7ECC0

Codes CSS

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

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