#B05E5E - #F9AE7E | 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 #B05E5E à #F9AE7E

#B05E5E #F9AE7E

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

#B05E5E - #F9AE7E | 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 #B05E5E 0% et #F9AE7E 100%.

0.0%	0.0% #B05E5E	RVB 176 94 94	#B05E5E
16.7%	16.7% #BC6B63	RVB 188 107 99	#BC6B63
33.3%	33.3% #C87868	RVB 200 120 104	#C87868
50.0%	50.0% #D4866E	RVB 212 134 110	#D4866E
66.7%	66.7% #E09373	RVB 224 147 115	#E09373
83.3%	83.3% #ECA078	RVB 236 160 120	#ECA078
100.0%	100.0% #F9AE7E	RVB 249 174 126	#F9AE7E

#B05E5E #BC6B63 #C87868 #D4866E #E09373 #ECA078 #F9AE7E

#B05E5E - #F9AE7E

Mélange HSV

#B05E5E - #F9AE7E | 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 #B05E5E 0% et #F9AE7E 100%.

0.0%	0.0% #B05E5E	RVB 176 94 94	#B05E5E
16.7%	16.7% #BC6963	RVB 188 105 99	#BC6963
33.3%	33.3% #C87569	RVB 200 117 105	#C87569
50.0%	50.0% #D4826E	RVB 212 130 110	#D4826E
66.7%	66.7% #E09073	RVB 224 144 115	#E09073
83.3%	83.3% #EC9E78	RVB 236 158 120	#EC9E78
100.0%	100.0% #F9AE7E	RVB 249 174 126	#F9AE7E

#B05E5E #BC6963 #C87569 #D4826E #E09073 #EC9E78 #F9AE7E

#B05E5E - #D4826E - #F9AE7E

Codes CSS

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

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