#AE5E5E - #F9AD7E | 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 #AE5E5E à #F9AD7E

#AE5E5E #F9AD7E

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

#AE5E5E - #F9AD7E | 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 #AE5E5E 0% et #F9AD7E 100%.

0.0%	0.0% #AE5E5E	RVB 174 94 94	#AE5E5E
16.7%	16.7% #BA6B63	RVB 186 107 99	#BA6B63
33.3%	33.3% #C77868	RVB 199 120 104	#C77868
50.0%	50.0% #D3856E	RVB 211 133 110	#D3856E
66.7%	66.7% #E09273	RVB 224 146 115	#E09273
83.3%	83.3% #EC9F78	RVB 236 159 120	#EC9F78
100.0%	100.0% #F9AD7E	RVB 249 173 126	#F9AD7E

#AE5E5E #BA6B63 #C77868 #D3856E #E09273 #EC9F78 #F9AD7E

#AE5E5E - #F9AD7E

Mélange HSV

#AE5E5E - #F9AD7E | 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 #AE5E5E 0% et #F9AD7E 100%.

0.0%	0.0% #AE5E5E	RVB 174 94 94	#AE5E5E
16.7%	16.7% #BA6963	RVB 186 105 99	#BA6963
33.3%	33.3% #C77569	RVB 199 117 105	#C77569
50.0%	50.0% #D3816E	RVB 211 129 110	#D3816E
66.7%	66.7% #E08F73	RVB 224 143 115	#E08F73
83.3%	83.3% #EC9D79	RVB 236 157 121	#EC9D79
100.0%	100.0% #F9AD7E	RVB 249 173 126	#F9AD7E

#AE5E5E #BA6963 #C77569 #D3816E #E08F73 #EC9D79 #F9AD7E

#AE5E5E - #D3816E - #F9AD7E

Codes CSS

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

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