#A8ADA1 - #F2FFB5 | 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 #A8ADA1 à #F2FFB5

#A8ADA1 #F2FFB5

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

#A8ADA1 - #F2FFB5 | 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 #A8ADA1 0% et #F2FFB5 100%.

0.0%	0.0% #A8ADA1	RVB 168 173 161	#A8ADA1
16.7%	16.7% #B4BAA4	RVB 180 186 164	#B4BAA4
33.3%	33.3% #C0C8A7	RVB 192 200 167	#C0C8A7
50.0%	50.0% #CDD6AB	RVB 205 214 171	#CDD6AB
66.7%	66.7% #D9E3AE	RVB 217 227 174	#D9E3AE
83.3%	83.3% #E5F1B1	RVB 229 241 177	#E5F1B1
100.0%	100.0% #F2FFB5	RVB 242 255 181	#F2FFB5

#A8ADA1 #B4BAA4 #C0C8A7 #CDD6AB #D9E3AE #E5F1B1 #F2FFB5

#A8ADA1 - #F2FFB5

Mélange HSV

#A8ADA1 - #F2FFB5 | 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 #A8ADA1 0% et #F2FFB5 100%.

0.0%	0.0% #A8ADA1	RVB 168 173 161	#A8ADA1
16.7%	16.7% #B3BAA6	RVB 179 186 166	#B3BAA6
33.3%	33.3% #BEC8AB	RVB 190 200 171	#BEC8AB
50.0%	50.0% #CAD6AF	RVB 202 214 175	#CAD6AF
66.7%	66.7% #D7E3B2	RVB 215 227 178	#D7E3B2
83.3%	83.3% #E4F1B4	RVB 228 241 180	#E4F1B4
100.0%	100.0% #F2FFB5	RVB 242 255 181	#F2FFB5

#A8ADA1 #B3BAA6 #BEC8AB #CAD6AF #D7E3B2 #E4F1B4 #F2FFB5

#A8ADA1 - #CAD6AF - #F2FFB5

Codes CSS

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

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