#48493C - #CACBC7 | 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 #48493C à #CACBC7

#48493C #CACBC7

Calculez la couleur entre deux couleurs, #48493C et #CACBC7. 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)

#48493C - #CACBC7 | 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 #48493C 0% et #CACBC7 100%.

0.0%	0.0% #48493C	RVB 72 73 60	#48493C
16.7%	16.7% #5D5E53	RVB 93 94 83	#5D5E53
33.3%	33.3% #73746A	RVB 115 116 106	#73746A
50.0%	50.0% #898A81	RVB 137 138 129	#898A81
66.7%	66.7% #9E9F98	RVB 158 159 152	#9E9F98
83.3%	83.3% #B4B5AF	RVB 180 181 175	#B4B5AF
100.0%	100.0% #CACBC7	RVB 202 203 199	#CACBC7

#48493C #5D5E53 #73746A #898A81 #9E9F98 #B4B5AF #CACBC7

#48493C - #CACBC7

Mélange HSV

#48493C - #CACBC7 | 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 #48493C 0% et #CACBC7 100%.

0.0%	0.0% #48493C	RVB 72 73 60	#48493C
16.7%	16.7% #5D5E50	RVB 93 94 80	#5D5E50
33.3%	33.3% #727465	RVB 114 116 101	#727465
50.0%	50.0% #878A7C	RVB 135 138 124	#878A7C
66.7%	66.7% #9D9F94	RVB 157 159 148	#9D9F94
83.3%	83.3% #B3B5AC	RVB 179 181 172	#B3B5AC
100.0%	100.0% #CACBC7	RVB 202 203 199	#CACBC7

#48493C #5D5E50 #727465 #878A7C #9D9F94 #B3B5AC #CACBC7

#48493C - #878A7C - #CACBC7

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #48493C 0%, #878A7C 50%, #CACBC7 100%);
    background: -webkit-linear-gradient(top, #48493C 0%, #878A7C 50%, #CACBC7 100%);
    background: linear-gradient(to bottom, #48493C 0%, #878A7C 50%, #CACBC7 100%);
}
</style>