#CAA5A0 - #EFE5E3 | 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 #CAA5A0 à #EFE5E3

#CAA5A0 #EFE5E3

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

#CAA5A0 - #EFE5E3 | 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 #CAA5A0 0% et #EFE5E3 100%.

0.0%	0.0% #CAA5A0	RVB 202 165 160	#CAA5A0
16.7%	16.7% #D0AFAB	RVB 208 175 171	#D0AFAB
33.3%	33.3% #D6BAB6	RVB 214 186 182	#D6BAB6
50.0%	50.0% #DCC5C1	RVB 220 197 193	#DCC5C1
66.7%	66.7% #E2CFCC	RVB 226 207 204	#E2CFCC
83.3%	83.3% #E8DAD7	RVB 232 218 215	#E8DAD7
100.0%	100.0% #EFE5E3	RVB 239 229 227	#EFE5E3

#CAA5A0 #D0AFAB #D6BAB6 #DCC5C1 #E2CFCC #E8DAD7 #EFE5E3

#CAA5A0 - #EFE5E3

Mélange HSV

#CAA5A0 - #EFE5E3 | 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 #CAA5A0 0% et #EFE5E3 100%.

0.0%	0.0% #CAA5A0	RVB 202 165 160	#CAA5A0
16.7%	16.7% #D0AFAA	RVB 208 175 170	#D0AFAA
33.3%	33.3% #D6B9B5	RVB 214 185 181	#D6B9B5
50.0%	50.0% #DCC4C0	RVB 220 196 192	#DCC4C0
66.7%	66.7% #E2CECB	RVB 226 206 203	#E2CECB
83.3%	83.3% #E8D9D7	RVB 232 217 215	#E8D9D7
100.0%	100.0% #EFE5E3	RVB 239 229 227	#EFE5E3

#CAA5A0 #D0AFAA #D6B9B5 #DCC4C0 #E2CECB #E8D9D7 #EFE5E3

#CAA5A0 - #DCC4C0 - #EFE5E3

Codes CSS

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

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