#CAA29D - #CECECE | 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 #CAA29D à #CECECE

#CAA29D #CECECE

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

#CAA29D - #CECECE | 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 #CAA29D 0% et #CECECE 100%.

0.0%	0.0% #CAA29D	RVB 202 162 157	#CAA29D
16.7%	16.7% #CAA9A5	RVB 202 169 165	#CAA9A5
33.3%	33.3% #CBB0AD	RVB 203 176 173	#CBB0AD
50.0%	50.0% #CCB8B5	RVB 204 184 181	#CCB8B5
66.7%	66.7% #CCBFBD	RVB 204 191 189	#CCBFBD
83.3%	83.3% #CDC6C5	RVB 205 198 197	#CDC6C5
100.0%	100.0% #CECECE	RVB 206 206 206	#CECECE

#CAA29D #CAA9A5 #CBB0AD #CCB8B5 #CCBFBD #CDC6C5 #CECECE

#CAA29D - #CECECE

Mélange HSV

#CAA29D - #CECECE | 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 #CAA29D 0% et #CECECE 100%.

0.0%	0.0% #CAA29D	RVB 202 162 157	#CAA29D
16.7%	16.7% #CAA8A5	RVB 202 168 165	#CAA8A5
33.3%	33.3% #CBAFAD	RVB 203 175 173	#CBAFAD
50.0%	50.0% #CCB6B5	RVB 204 182 181	#CCB6B5
66.7%	66.7% #CCBEBD	RVB 204 190 189	#CCBEBD
83.3%	83.3% #CDC5C5	RVB 205 197 197	#CDC5C5
100.0%	100.0% #CECECE	RVB 206 206 206	#CECECE

#CAA29D #CAA8A5 #CBAFAD #CCB6B5 #CCBEBD #CDC5C5 #CECECE

#CAA29D - #CCB6B5 - #CECECE

Codes CSS

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

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