#9A8484 - #E2DBDB | 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 #9A8484 à #E2DBDB

#9A8484 #E2DBDB

Calculez la couleur entre deux couleurs, #9A8484 et #E2DBDB. 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)

#9A8484 - #E2DBDB | 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 #9A8484 0% et #E2DBDB 100%.

0.0%	0.0% #9A8484	RVB 154 132 132	#9A8484
16.7%	16.7% #A69292	RVB 166 146 146	#A69292
33.3%	33.3% #B2A1A1	RVB 178 161 161	#B2A1A1
50.0%	50.0% #BEAFAF	RVB 190 175 175	#BEAFAF
66.7%	66.7% #CABEBE	RVB 202 190 190	#CABEBE
83.3%	83.3% #D6CCCC	RVB 214 204 204	#D6CCCC
100.0%	100.0% #E2DBDB	RVB 226 219 219	#E2DBDB

#9A8484 #A69292 #B2A1A1 #BEAFAF #CABEBE #D6CCCC #E2DBDB

#9A8484 - #E2DBDB

Mélange HSV

#9A8484 - #E2DBDB | 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 #9A8484 0% et #E2DBDB 100%.

0.0%	0.0% #9A8484	RVB 154 132 132	#9A8484
16.7%	16.7% #A69191	RVB 166 145 145	#A69191
33.3%	33.3% #B29F9F	RVB 178 159 159	#B29F9F
50.0%	50.0% #BEADAD	RVB 190 173 173	#BEADAD
66.7%	66.7% #CABCBC	RVB 202 188 188	#CABCBC
83.3%	83.3% #D6CBCB	RVB 214 203 203	#D6CBCB
100.0%	100.0% #E2DBDB	RVB 226 219 219	#E2DBDB

#9A8484 #A69191 #B29F9F #BEADAD #CABCBC #D6CBCB #E2DBDB

#9A8484 - #BEADAD - #E2DBDB

Codes CSS

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

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