#A75DC5 - #F8B5CD | 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 #A75DC5 à #F8B5CD

#A75DC5 #F8B5CD

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

#A75DC5 - #F8B5CD | 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 #A75DC5 0% et #F8B5CD 100%.

0.0%	0.0% #A75DC5	RVB 167 93 197	#A75DC5
16.7%	16.7% #B46BC6	RVB 180 107 198	#B46BC6
33.3%	33.3% #C27AC7	RVB 194 122 199	#C27AC7
50.0%	50.0% #CF89C9	RVB 207 137 201	#CF89C9
66.7%	66.7% #DD97CA	RVB 221 151 202	#DD97CA
83.3%	83.3% #EAA6CB	RVB 234 166 203	#EAA6CB
100.0%	100.0% #F8B5CD	RVB 248 181 205	#F8B5CD

#A75DC5 #B46BC6 #C27AC7 #CF89C9 #DD97CA #EAA6CB #F8B5CD

#A75DC5 - #F8B5CD

Mélange HSV

#A75DC5 - #F8B5CD | 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 #A75DC5 0% et #F8B5CD 100%.

0.0%	0.0% #A75DC5	RVB 167 93 197	#A75DC5
16.7%	16.7% #C069CD	RVB 192 105 205	#C069CD
33.3%	33.3% #D677D3	RVB 214 119 211	#D677D3
50.0%	50.0% #DE85CE	RVB 222 133 206	#DE85CE
66.7%	66.7% #E794CB	RVB 231 148 203	#E794CB
83.3%	83.3% #EFA4CA	RVB 239 164 202	#EFA4CA
100.0%	100.0% #F8B5CD	RVB 248 181 205	#F8B5CD

#A75DC5 #C069CD #D677D3 #DE85CE #E794CB #EFA4CA #F8B5CD

#A75DC5 - #DE85CE - #F8B5CD

Codes CSS

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

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