#A27A8F - #E4D9DF | 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 #A27A8F à #E4D9DF

#A27A8F #E4D9DF

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

#A27A8F - #E4D9DF | 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 #A27A8F 0% et #E4D9DF 100%.

0.0%	0.0% #A27A8F	RVB 162 122 143	#A27A8F
16.7%	16.7% #AD899C	RVB 173 137 156	#AD899C
33.3%	33.3% #B899A9	RVB 184 153 169	#B899A9
50.0%	50.0% #C3A9B7	RVB 195 169 183	#C3A9B7
66.7%	66.7% #CEB9C4	RVB 206 185 196	#CEB9C4
83.3%	83.3% #D9C9D1	RVB 217 201 209	#D9C9D1
100.0%	100.0% #E4D9DF	RVB 228 217 223	#E4D9DF

#A27A8F #AD899C #B899A9 #C3A9B7 #CEB9C4 #D9C9D1 #E4D9DF

#A27A8F - #E4D9DF

Mélange HSV

#A27A8F - #E4D9DF | 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 #A27A8F 0% et #E4D9DF 100%.

0.0%	0.0% #A27A8F	RVB 162 122 143	#A27A8F
16.7%	16.7% #AD889B	RVB 173 136 155	#AD889B
33.3%	33.3% #B896A8	RVB 184 150 168	#B896A8
50.0%	50.0% #C3A6B5	RVB 195 166 181	#C3A6B5
66.7%	66.7% #CEB6C3	RVB 206 182 195	#CEB6C3
83.3%	83.3% #D9C7D0	RVB 217 199 208	#D9C7D0
100.0%	100.0% #E4D9DF	RVB 228 217 223	#E4D9DF

#A27A8F #AD889B #B896A8 #C3A6B5 #CEB6C3 #D9C7D0 #E4D9DF

#A27A8F - #C3A6B5 - #E4D9DF

Codes CSS

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

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