#A37F8C - #E4DADE | 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 #A37F8C à #E4DADE

#A37F8C #E4DADE

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

#A37F8C - #E4DADE | 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 #A37F8C 0% et #E4DADE 100%.

0.0%	0.0% #A37F8C	RVB 163 127 140	#A37F8C
16.7%	16.7% #AD8E99	RVB 173 142 153	#AD8E99
33.3%	33.3% #B89DA7	RVB 184 157 167	#B89DA7
50.0%	50.0% #C3ACB5	RVB 195 172 181	#C3ACB5
66.7%	66.7% #CEBBC2	RVB 206 187 194	#CEBBC2
83.3%	83.3% #D9CAD0	RVB 217 202 208	#D9CAD0
100.0%	100.0% #E4DADE	RVB 228 218 222	#E4DADE

#A37F8C #AD8E99 #B89DA7 #C3ACB5 #CEBBC2 #D9CAD0 #E4DADE

#A37F8C - #E4DADE

Mélange HSV

#A37F8C - #E4DADE | 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 #A37F8C 0% et #E4DADE 100%.

0.0%	0.0% #A37F8C	RVB 163 127 140	#A37F8C
16.7%	16.7% #AD8C98	RVB 173 140 152	#AD8C98
33.3%	33.3% #B89AA5	RVB 184 154 165	#B89AA5
50.0%	50.0% #C3A9B3	RVB 195 169 179	#C3A9B3
66.7%	66.7% #CEB9C1	RVB 206 185 193	#CEB9C1
83.3%	83.3% #D9C9CF	RVB 217 201 207	#D9C9CF
100.0%	100.0% #E4DADE	RVB 228 218 222	#E4DADE

#A37F8C #AD8C98 #B89AA5 #C3A9B3 #CEB9C1 #D9C9CF #E4DADE

#A37F8C - #C3A9B3 - #E4DADE

Codes CSS

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

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