#CDA5A2 - #F0E5E4 | 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 #CDA5A2 à #F0E5E4

#CDA5A2 #F0E5E4

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

#CDA5A2 - #F0E5E4 | 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 #CDA5A2 0% et #F0E5E4 100%.

0.0%	0.0% #CDA5A2	RVB 205 165 162	#CDA5A2
16.7%	16.7% #D2AFAD	RVB 210 175 173	#D2AFAD
33.3%	33.3% #D8BAB8	RVB 216 186 184	#D8BAB8
50.0%	50.0% #DEC5C3	RVB 222 197 195	#DEC5C3
66.7%	66.7% #E4CFCE	RVB 228 207 206	#E4CFCE
83.3%	83.3% #EADAD9	RVB 234 218 217	#EADAD9
100.0%	100.0% #F0E5E4	RVB 240 229 228	#F0E5E4

#CDA5A2 #D2AFAD #D8BAB8 #DEC5C3 #E4CFCE #EADAD9 #F0E5E4

#CDA5A2 - #F0E5E4

Mélange HSV

#CDA5A2 - #F0E5E4 | 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 #CDA5A2 0% et #F0E5E4 100%.

0.0%	0.0% #CDA5A2	RVB 205 165 162	#CDA5A2
16.7%	16.7% #D2AFAC	RVB 210 175 172	#D2AFAC
33.3%	33.3% #D8B9B6	RVB 216 185 182	#D8B9B6
50.0%	50.0% #DEC3C1	RVB 222 195 193	#DEC3C1
66.7%	66.7% #E4CECC	RVB 228 206 204	#E4CECC
83.3%	83.3% #EAD9D8	RVB 234 217 216	#EAD9D8
100.0%	100.0% #F0E5E4	RVB 240 229 228	#F0E5E4

#CDA5A2 #D2AFAC #D8B9B6 #DEC3C1 #E4CECC #EAD9D8 #F0E5E4

#CDA5A2 - #DEC3C1 - #F0E5E4

Codes CSS

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

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