#CCA8AF - #3A3032 | 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 #CCA8AF à #3A3032

#CCA8AF #3A3032

Calculez la couleur entre deux couleurs, #CCA8AF et #3A3032. 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)

#CCA8AF - #3A3032 | 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 #CCA8AF 0% et #3A3032 100%.

0.0%	0.0% #CCA8AF	RVB 204 168 175	#CCA8AF
16.7%	16.7% #B3949A	RVB 179 148 154	#B3949A
33.3%	33.3% #9B8085	RVB 155 128 133	#9B8085
50.0%	50.0% #836C70	RVB 131 108 112	#836C70
66.7%	66.7% #6A585B	RVB 106 88 91	#6A585B
83.3%	83.3% #524446	RVB 82 68 70	#524446
100.0%	100.0% #3A3032	RVB 58 48 50	#3A3032

#CCA8AF #B3949A #9B8085 #836C70 #6A585B #524446 #3A3032

#CCA8AF - #3A3032

Mélange HSV

#CCA8AF - #3A3032 | 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 #CCA8AF 0% et #3A3032 100%.

0.0%	0.0% #CCA8AF	RVB 204 168 175	#CCA8AF
16.7%	16.7% #B3949A	RVB 179 148 154	#B3949A
33.3%	33.3% #9B8085	RVB 155 128 133	#9B8085
50.0%	50.0% #836C70	RVB 131 108 112	#836C70
66.7%	66.7% #6A585B	RVB 106 88 91	#6A585B
83.3%	83.3% #524446	RVB 82 68 70	#524446
100.0%	100.0% #3A3032	RVB 58 48 50	#3A3032

#CCA8AF #B3949A #9B8085 #836C70 #6A585B #524446 #3A3032

#CCA8AF - #836C70 - #3A3032

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCA8AF 0%, #836C70 50%, #3A3032 100%);
    background: -webkit-linear-gradient(top, #CCA8AF 0%, #836C70 50%, #3A3032 100%);
    background: linear-gradient(to bottom, #CCA8AF 0%, #836C70 50%, #3A3032 100%);
}
</style>