#A8CAC7 - #CDDFBD | 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 #A8CAC7 à #CDDFBD

#A8CAC7 #CDDFBD

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

#A8CAC7 - #CDDFBD | 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 #A8CAC7 0% et #CDDFBD 100%.

0.0%	0.0% #A8CAC7	RVB 168 202 199	#A8CAC7
16.7%	16.7% #AECDC5	RVB 174 205 197	#AECDC5
33.3%	33.3% #B4D1C3	RVB 180 209 195	#B4D1C3
50.0%	50.0% #BAD4C2	RVB 186 212 194	#BAD4C2
66.7%	66.7% #C0D8C0	RVB 192 216 192	#C0D8C0
83.3%	83.3% #C6DBBE	RVB 198 219 190	#C6DBBE
100.0%	100.0% #CDDFBD	RVB 205 223 189	#CDDFBD

#A8CAC7 #AECDC5 #B4D1C3 #BAD4C2 #C0D8C0 #C6DBBE #CDDFBD

#A8CAC7 - #CDDFBD

Mélange HSV

#A8CAC7 - #CDDFBD | 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 #A8CAC7 0% et #CDDFBD 100%.

0.0%	0.0% #A8CAC7	RVB 168 202 199	#A8CAC7
16.7%	16.7% #ABCDC2	RVB 171 205 194	#ABCDC2
33.3%	33.3% #AED1BE	RVB 174 209 190	#AED1BE
50.0%	50.0% #B2D4B9	RVB 178 212 185	#B2D4B9
66.7%	66.7% #B6D8B5	RVB 182 216 181	#B6D8B5
83.3%	83.3% #C1DBB9	RVB 193 219 185	#C1DBB9
100.0%	100.0% #CDDFBD	RVB 205 223 189	#CDDFBD

#A8CAC7 #ABCDC2 #AED1BE #B2D4B9 #B6D8B5 #C1DBB9 #CDDFBD

#A8CAC7 - #B2D4B9 - #CDDFBD

Codes CSS

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

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