#CD8C8C - #AC3C3C | 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 #CD8C8C à #AC3C3C

#CD8C8C #AC3C3C

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

#CD8C8C - #AC3C3C | 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 #CD8C8C 0% et #AC3C3C 100%.

0.0%	0.0% #CD8C8C	RVB 205 140 140	#CD8C8C
16.7%	16.7% #C77E7E	RVB 199 126 126	#C77E7E
33.3%	33.3% #C27171	RVB 194 113 113	#C27171
50.0%	50.0% #BC6464	RVB 188 100 100	#BC6464
66.7%	66.7% #B75656	RVB 183 86 86	#B75656
83.3%	83.3% #B14949	RVB 177 73 73	#B14949
100.0%	100.0% #AC3C3C	RVB 172 60 60	#AC3C3C

#CD8C8C #C77E7E #C27171 #BC6464 #B75656 #B14949 #AC3C3C

#CD8C8C - #AC3C3C

Mélange HSV

#CD8C8C - #AC3C3C | 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 #CD8C8C 0% et #AC3C3C 100%.

0.0%	0.0% #CD8C8C	RVB 205 140 140	#CD8C8C
16.7%	16.7% #C77D7D	RVB 199 125 125	#C77D7D
33.3%	33.3% #C26E6E	RVB 194 110 110	#C26E6E
50.0%	50.0% #BC6161	RVB 188 97 97	#BC6161
66.7%	66.7% #B75454	RVB 183 84 84	#B75454
83.3%	83.3% #B14747	RVB 177 71 71	#B14747
100.0%	100.0% #AC3C3C	RVB 172 60 60	#AC3C3C

#CD8C8C #C77D7D #C26E6E #BC6161 #B75454 #B14747 #AC3C3C

#CD8C8C - #BC6161 - #AC3C3C

Codes CSS

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

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