#AA5E5E - #C1A8D9 | 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 #AA5E5E à #C1A8D9

#AA5E5E #C1A8D9

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

#AA5E5E - #C1A8D9 | 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 #AA5E5E 0% et #C1A8D9 100%.

0.0%	0.0% #AA5E5E	RVB 170 94 94	#AA5E5E
16.7%	16.7% #AD6A72	RVB 173 106 114	#AD6A72
33.3%	33.3% #B17687	RVB 177 118 135	#B17687
50.0%	50.0% #B5839B	RVB 181 131 155	#B5839B
66.7%	66.7% #B98FB0	RVB 185 143 176	#B98FB0
83.3%	83.3% #BD9BC4	RVB 189 155 196	#BD9BC4
100.0%	100.0% #C1A8D9	RVB 193 168 217	#C1A8D9

#AA5E5E #AD6A72 #B17687 #B5839B #B98FB0 #BD9BC4 #C1A8D9

#AA5E5E - #C1A8D9

Mélange HSV

#AA5E5E - #C1A8D9 | 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 #AA5E5E 0% et #C1A8D9 100%.

0.0%	0.0% #AA5E5E	RVB 170 94 94	#AA5E5E
16.7%	16.7% #B1687B	RVB 177 104 123	#B1687B
33.3%	33.3% #B97496	RVB 185 116 150	#B97496
50.0%	50.0% #C180B0	RVB 193 128 176	#C180B0
66.7%	66.7% #C98DC8	RVB 201 141 200	#C98DC8
83.3%	83.3% #C39AD1	RVB 195 154 209	#C39AD1
100.0%	100.0% #C1A8D9	RVB 193 168 217	#C1A8D9

#AA5E5E #B1687B #B97496 #C180B0 #C98DC8 #C39AD1 #C1A8D9

#AA5E5E - #C180B0 - #C1A8D9

Codes CSS

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

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