#ADA5A8 - #C2FFAE | 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 #ADA5A8 à #C2FFAE

#ADA5A8 #C2FFAE

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

#ADA5A8 - #C2FFAE | 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 #ADA5A8 0% et #C2FFAE 100%.

0.0%	0.0% #ADA5A8	RVB 173 165 168	#ADA5A8
16.7%	16.7% #B0B4A9	RVB 176 180 169	#B0B4A9
33.3%	33.3% #B4C3AA	RVB 180 195 170	#B4C3AA
50.0%	50.0% #B7D2AB	RVB 183 210 171	#B7D2AB
66.7%	66.7% #BBE1AC	RVB 187 225 172	#BBE1AC
83.3%	83.3% #BEF0AD	RVB 190 240 173	#BEF0AD
100.0%	100.0% #C2FFAE	RVB 194 255 174	#C2FFAE

#ADA5A8 #B0B4A9 #B4C3AA #B7D2AB #BBE1AC #BEF0AD #C2FFAE

#ADA5A8 - #C2FFAE

Mélange HSV

#ADA5A8 - #C2FFAE | 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 #ADA5A8 0% et #C2FFAE 100%.

0.0%	0.0% #ADA5A8	RVB 173 165 168	#ADA5A8
16.7%	16.7% #BAA9A9	RVB 186 169 169	#BAA9A9
33.3%	33.3% #C8B6AC	RVB 200 182 172	#C8B6AC
50.0%	50.0% #D6C9AF	RVB 214 201 175	#D6C9AF
66.7%	66.7% #E1E3AF	RVB 225 227 175	#E1E3AF
83.3%	83.3% #D7F1AF	RVB 215 241 175	#D7F1AF
100.0%	100.0% #C2FFAE	RVB 194 255 174	#C2FFAE

#ADA5A8 #BAA9A9 #C8B6AC #D6C9AF #E1E3AF #D7F1AF #C2FFAE

#ADA5A8 - #D6C9AF - #C2FFAE

Codes CSS

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

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