#E4B5E4 - #FFECDA | 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 #E4B5E4 à #FFECDA

#E4B5E4 #FFECDA

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

#E4B5E4 - #FFECDA | 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 #E4B5E4 0% et #FFECDA 100%.

0.0%	0.0% #E4B5E4	RVB 228 181 228	#E4B5E4
16.7%	16.7% #E8BEE2	RVB 232 190 226	#E8BEE2
33.3%	33.3% #EDC7E0	RVB 237 199 224	#EDC7E0
50.0%	50.0% #F1D0DF	RVB 241 208 223	#F1D0DF
66.7%	66.7% #F6D9DD	RVB 246 217 221	#F6D9DD
83.3%	83.3% #FAE2DB	RVB 250 226 219	#FAE2DB
100.0%	100.0% #FFECDA	RVB 255 236 218	#FFECDA

#E4B5E4 #E8BEE2 #EDC7E0 #F1D0DF #F6D9DD #FAE2DB #FFECDA

#E4B5E4 - #FFECDA

Mélange HSV

#E4B5E4 - #FFECDA | 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 #E4B5E4 0% et #FFECDA 100%.

0.0%	0.0% #E4B5E4	RVB 228 181 228	#E4B5E4
16.7%	16.7% #E8BADD	RVB 232 186 221	#E8BADD
33.3%	33.3% #EDC0D7	RVB 237 192 215	#EDC0D7
50.0%	50.0% #F1C7D1	RVB 241 199 209	#F1C7D1
66.7%	66.7% #F6CDCD	RVB 246 205 205	#F6CDCD
83.3%	83.3% #FADCD3	RVB 250 220 211	#FADCD3
100.0%	100.0% #FFECDA	RVB 255 236 218	#FFECDA

#E4B5E4 #E8BADD #EDC0D7 #F1C7D1 #F6CDCD #FADCD3 #FFECDA

#E4B5E4 - #F1C7D1 - #FFECDA

Codes CSS

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

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