#6B5655 - #D4CECE | 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 #6B5655 à #D4CECE

#6B5655 #D4CECE

Calculez la couleur entre deux couleurs, #6B5655 et #D4CECE. 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)

#6B5655 - #D4CECE | 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 #6B5655 0% et #D4CECE 100%.

0.0%	0.0% #6B5655	RVB 107 86 85	#6B5655
16.7%	16.7% #7C6A69	RVB 124 106 105	#7C6A69
33.3%	33.3% #8E7E7D	RVB 142 126 125	#8E7E7D
50.0%	50.0% #9F9291	RVB 159 146 145	#9F9291
66.7%	66.7% #B1A6A5	RVB 177 166 165	#B1A6A5
83.3%	83.3% #C2BAB9	RVB 194 186 185	#C2BAB9
100.0%	100.0% #D4CECE	RVB 212 206 206	#D4CECE

#6B5655 #7C6A69 #8E7E7D #9F9291 #B1A6A5 #C2BAB9 #D4CECE

#6B5655 - #D4CECE

Mélange HSV

#6B5655 - #D4CECE | 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 #6B5655 0% et #D4CECE 100%.

0.0%	0.0% #6B5655	RVB 107 86 85	#6B5655
16.7%	16.7% #7C6766	RVB 124 103 102	#7C6766
33.3%	33.3% #8E7979	RVB 142 121 121	#8E7979
50.0%	50.0% #9F8D8C	RVB 159 141 140	#9F8D8C
66.7%	66.7% #B1A1A1	RVB 177 161 161	#B1A1A1
83.3%	83.3% #C2B7B7	RVB 194 183 183	#C2B7B7
100.0%	100.0% #D4CECE	RVB 212 206 206	#D4CECE

#6B5655 #7C6766 #8E7979 #9F8D8C #B1A1A1 #C2B7B7 #D4CECE

#6B5655 - #9F8D8C - #D4CECE

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B5655 0%, #9F8D8C 50%, #D4CECE 100%);
    background: -webkit-linear-gradient(top, #6B5655 0%, #9F8D8C 50%, #D4CECE 100%);
    background: linear-gradient(to bottom, #6B5655 0%, #9F8D8C 50%, #D4CECE 100%);
}
</style>