#BB5E5E - #EBD1D1 | 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 #BB5E5E à #EBD1D1

#BB5E5E #EBD1D1

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

#BB5E5E - #EBD1D1 | 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 #BB5E5E 0% et #EBD1D1 100%.

0.0%	0.0% #BB5E5E	RVB 187 94 94	#BB5E5E
16.7%	16.7% #C37171	RVB 195 113 113	#C37171
33.3%	33.3% #CB8484	RVB 203 132 132	#CB8484
50.0%	50.0% #D39797	RVB 211 151 151	#D39797
66.7%	66.7% #DBAAAA	RVB 219 170 170	#DBAAAA
83.3%	83.3% #E3BDBD	RVB 227 189 189	#E3BDBD
100.0%	100.0% #EBD1D1	RVB 235 209 209	#EBD1D1

#BB5E5E #C37171 #CB8484 #D39797 #DBAAAA #E3BDBD #EBD1D1

#BB5E5E - #EBD1D1

Mélange HSV

#BB5E5E - #EBD1D1 | 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 #BB5E5E 0% et #EBD1D1 100%.

0.0%	0.0% #BB5E5E	RVB 187 94 94	#BB5E5E
16.7%	16.7% #C36E6E	RVB 195 110 110	#C36E6E
33.3%	33.3% #CB8080	RVB 203 128 128	#CB8080
50.0%	50.0% #D39292	RVB 211 146 146	#D39292
66.7%	66.7% #DBA6A6	RVB 219 166 166	#DBA6A6
83.3%	83.3% #E3BBBB	RVB 227 187 187	#E3BBBB
100.0%	100.0% #EBD1D1	RVB 235 209 209	#EBD1D1

#BB5E5E #C36E6E #CB8080 #D39292 #DBA6A6 #E3BBBB #EBD1D1

#BB5E5E - #D39292 - #EBD1D1

Codes CSS

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

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