#715454 - #D6CECE | 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 #715454 à #D6CECE

#715454 #D6CECE

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

#715454 - #D6CECE | 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 #715454 0% et #D6CECE 100%.

0.0%	0.0% #715454	RVB 113 84 84	#715454
16.7%	16.7% #816868	RVB 129 104 104	#816868
33.3%	33.3% #927C7C	RVB 146 124 124	#927C7C
50.0%	50.0% #A39191	RVB 163 145 145	#A39191
66.7%	66.7% #B4A5A5	RVB 180 165 165	#B4A5A5
83.3%	83.3% #C5B9B9	RVB 197 185 185	#C5B9B9
100.0%	100.0% #D6CECE	RVB 214 206 206	#D6CECE

#715454 #816868 #927C7C #A39191 #B4A5A5 #C5B9B9 #D6CECE

#715454 - #D6CECE

Mélange HSV

#715454 - #D6CECE | 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 #715454 0% et #D6CECE 100%.

0.0%	0.0% #715454	RVB 113 84 84	#715454
16.7%	16.7% #816565	RVB 129 101 101	#816565
33.3%	33.3% #927777	RVB 146 119 119	#927777
50.0%	50.0% #A38B8B	RVB 163 139 139	#A38B8B
66.7%	66.7% #B4A0A0	RVB 180 160 160	#B4A0A0
83.3%	83.3% #C5B6B6	RVB 197 182 182	#C5B6B6
100.0%	100.0% #D6CECE	RVB 214 206 206	#D6CECE

#715454 #816565 #927777 #A38B8B #B4A0A0 #C5B6B6 #D6CECE

#715454 - #A38B8B - #D6CECE

Codes CSS

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

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