#B48FEB - #FDDAE6 | 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 #B48FEB à #FDDAE6

#B48FEB #FDDAE6

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

#B48FEB - #FDDAE6 | 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 #B48FEB 0% et #FDDAE6 100%.

0.0%	0.0% #B48FEB	RVB 180 143 235	#B48FEB
16.7%	16.7% #C09BEA	RVB 192 155 234	#C09BEA
33.3%	33.3% #CCA8E9	RVB 204 168 233	#CCA8E9
50.0%	50.0% #D8B4E8	RVB 216 180 232	#D8B4E8
66.7%	66.7% #E4C1E7	RVB 228 193 231	#E4C1E7
83.3%	83.3% #F0CDE6	RVB 240 205 230	#F0CDE6
100.0%	100.0% #FDDAE6	RVB 253 218 230	#FDDAE6

#B48FEB #C09BEA #CCA8E9 #D8B4E8 #E4C1E7 #F0CDE6 #FDDAE6

#B48FEB - #FDDAE6

Mélange HSV

#B48FEB - #FDDAE6 | 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 #B48FEB 0% et #FDDAE6 100%.

0.0%	0.0% #B38FEB	RVB 179 143 235	#B38FEB
16.7%	16.7% #CD9AEE	RVB 205 154 238	#CD9AEE
33.3%	33.3% #E3A6F1	RVB 227 166 241	#E3A6F1
50.0%	50.0% #F4B3F2	RVB 244 179 242	#F4B3F2
66.7%	66.7% #F7BFE9	RVB 247 191 233	#F7BFE9
83.3%	83.3% #FACCE5	RVB 250 204 229	#FACCE5
100.0%	100.0% #FDDAE6	RVB 253 218 230	#FDDAE6

#B38FEB #CD9AEE #E3A6F1 #F4B3F2 #F7BFE9 #FACCE5 #FDDAE6

#B48FEB - #F4B3F2 - #FDDAE6

Codes CSS

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

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