#ABAEB6 - #DEC9BE | 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 #ABAEB6 à #DEC9BE

#ABAEB6 #DEC9BE

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

#ABAEB6 - #DEC9BE | 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 #ABAEB6 0% et #DEC9BE 100%.

0.0%	0.0% #ABAEB6	RVB 171 174 182	#ABAEB6
16.7%	16.7% #B3B2B7	RVB 179 178 183	#B3B2B7
33.3%	33.3% #BCB7B8	RVB 188 183 184	#BCB7B8
50.0%	50.0% #C4BBBA	RVB 196 187 186	#C4BBBA
66.7%	66.7% #CDC0BB	RVB 205 192 187	#CDC0BB
83.3%	83.3% #D5C4BC	RVB 213 196 188	#D5C4BC
100.0%	100.0% #DEC9BE	RVB 222 201 190	#DEC9BE

#ABAEB6 #B3B2B7 #BCB7B8 #C4BBBA #CDC0BB #D5C4BC #DEC9BE

#ABAEB6 - #DEC9BE

Mélange HSV

#ABAEB6 - #DEC9BE | 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 #ABAEB6 0% et #DEC9BE 100%.

0.0%	0.0% #ABAEB6	RVB 171 174 182	#ABAEB6
16.7%	16.7% #B0AEBC	RVB 176 174 188	#B0AEBC
33.3%	33.3% #BCB2C3	RVB 188 178 195	#BCB2C3
50.0%	50.0% #CAB5C9	RVB 202 181 201	#CAB5C9
66.7%	66.7% #D0B8C5	RVB 208 184 197	#D0B8C5
83.3%	83.3% #D7BBBD	RVB 215 187 189	#D7BBBD
100.0%	100.0% #DEC9BE	RVB 222 201 190	#DEC9BE

#ABAEB6 #B0AEBC #BCB2C3 #CAB5C9 #D0B8C5 #D7BBBD #DEC9BE

#ABAEB6 - #CAB5C9 - #DEC9BE

Codes CSS

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

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