#A8AFB5 - #E4D8C4 | 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 #A8AFB5 à #E4D8C4

#A8AFB5 #E4D8C4

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

#A8AFB5 - #E4D8C4 | 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 #A8AFB5 0% et #E4D8C4 100%.

0.0%	0.0% #A8AFB5	RVB 168 175 181	#A8AFB5
16.7%	16.7% #B2B5B7	RVB 178 181 183	#B2B5B7
33.3%	33.3% #BCBCBA	RVB 188 188 186	#BCBCBA
50.0%	50.0% #C6C3BC	RVB 198 195 188	#C6C3BC
66.7%	66.7% #D0CABF	RVB 208 202 191	#D0CABF
83.3%	83.3% #DAD1C1	RVB 218 209 193	#DAD1C1
100.0%	100.0% #E4D8C4	RVB 228 216 196	#E4D8C4

#A8AFB5 #B2B5B7 #BCBCBA #C6C3BC #D0CABF #DAD1C1 #E4D8C4

#A8AFB5 - #E4D8C4

Mélange HSV

#A8AFB5 - #E4D8C4 | 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 #A8AFB5 0% et #E4D8C4 100%.

0.0%	0.0% #A8AFB5	RVB 168 175 181	#A8AFB5
16.7%	16.7% #ADBCBC	RVB 173 188 188	#ADBCBC
33.3%	33.3% #B2C4BB	RVB 178 196 187	#B2C4BB
50.0%	50.0% #B6CCB7	RVB 182 204 183	#B6CCB7
66.7%	66.7% #C6D4BB	RVB 198 212 187	#C6D4BB
83.3%	83.3% #D9DCBF	RVB 217 220 191	#D9DCBF
100.0%	100.0% #E4D8C4	RVB 228 216 196	#E4D8C4

#A8AFB5 #ADBCBC #B2C4BB #B6CCB7 #C6D4BB #D9DCBF #E4D8C4

#A8AFB5 - #B6CCB7 - #E4D8C4

Codes CSS

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

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