#A8808C - #E6DADE | 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 #A8808C à #E6DADE

#A8808C #E6DADE

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

#A8808C - #E6DADE | 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 #A8808C 0% et #E6DADE 100%.

0.0%	0.0% #A8808C	RVB 168 128 140	#A8808C
16.7%	16.7% #B28F99	RVB 178 143 153	#B28F99
33.3%	33.3% #BC9EA7	RVB 188 158 167	#BC9EA7
50.0%	50.0% #C7ADB5	RVB 199 173 181	#C7ADB5
66.7%	66.7% #D1BCC2	RVB 209 188 194	#D1BCC2
83.3%	83.3% #DBCBD0	RVB 219 203 208	#DBCBD0
100.0%	100.0% #E6DADE	RVB 230 218 222	#E6DADE

#A8808C #B28F99 #BC9EA7 #C7ADB5 #D1BCC2 #DBCBD0 #E6DADE

#A8808C - #E6DADE

Mélange HSV

#A8808C - #E6DADE | 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 #A8808C 0% et #E6DADE 100%.

0.0%	0.0% #A8808C	RVB 168 128 140	#A8808C
16.7%	16.7% #B28D98	RVB 178 141 152	#B28D98
33.3%	33.3% #BC9BA5	RVB 188 155 165	#BC9BA5
50.0%	50.0% #C7AAB3	RVB 199 170 179	#C7AAB3
66.7%	66.7% #D1B9C1	RVB 209 185 193	#D1B9C1
83.3%	83.3% #DBC9CF	RVB 219 201 207	#DBC9CF
100.0%	100.0% #E6DADE	RVB 230 218 222	#E6DADE

#A8808C #B28D98 #BC9BA5 #C7AAB3 #D1B9C1 #DBC9CF #E6DADE

#A8808C - #C7AAB3 - #E6DADE

Codes CSS

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

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