#AC5E6B - #FBAA80 | 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 #AC5E6B à #FBAA80

#AC5E6B #FBAA80

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

#AC5E6B - #FBAA80 | 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 #AC5E6B 0% et #FBAA80 100%.

0.0%	0.0% #AC5E6B	RVB 172 94 107	#AC5E6B
16.7%	16.7% #B96A6E	RVB 185 106 110	#B96A6E
33.3%	33.3% #C67772	RVB 198 119 114	#C67772
50.0%	50.0% #D38475	RVB 211 132 117	#D38475
66.7%	66.7% #E09079	RVB 224 144 121	#E09079
83.3%	83.3% #ED9D7C	RVB 237 157 124	#ED9D7C
100.0%	100.0% #FBAA80	RVB 251 170 128	#FBAA80

#AC5E6B #B96A6E #C67772 #D38475 #E09079 #ED9D7C #FBAA80

#AC5E6B - #FBAA80

Mélange HSV

#AC5E6B - #FBAA80 | 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 #AC5E6B 0% et #FBAA80 100%.

0.0%	0.0% #AC5E6B	RVB 172 94 107	#AC5E6B
16.7%	16.7% #B9646B	RVB 185 100 107	#B9646B
33.3%	33.3% #C66A69	RVB 198 106 105	#C66A69
50.0%	50.0% #D3786F	RVB 211 120 111	#D3786F
66.7%	66.7% #E08775	RVB 224 135 117	#E08775
83.3%	83.3% #ED987A	RVB 237 152 122	#ED987A
100.0%	100.0% #FBAA80	RVB 251 170 128	#FBAA80

#AC5E6B #B9646B #C66A69 #D3786F #E08775 #ED987A #FBAA80

#AC5E6B - #D3786F - #FBAA80

Codes CSS

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

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