#FFB5FD - #DF37C7 | 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 #FFB5FD à #DF37C7

#FFB5FD #DF37C7

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

#FFB5FD - #DF37C7 | 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 #FFB5FD 0% et #DF37C7 100%.

0.0%	0.0% #FFB5FD	RVB 255 181 253	#FFB5FD
16.7%	16.7% #F9A0F4	RVB 249 160 244	#F9A0F4
33.3%	33.3% #F48BEB	RVB 244 139 235	#F48BEB
50.0%	50.0% #EF76E2	RVB 239 118 226	#EF76E2
66.7%	66.7% #E961D9	RVB 233 97 217	#E961D9
83.3%	83.3% #E44CD0	RVB 228 76 208	#E44CD0
100.0%	100.0% #DF37C7	RVB 223 55 199	#DF37C7

#FFB5FD #F9A0F4 #F48BEB #EF76E2 #E961D9 #E44CD0 #DF37C7

#FFB5FD - #DF37C7

Mélange HSV

#FFB5FD - #DF37C7 | 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 #FFB5FD 0% et #DF37C7 100%.

0.0%	0.0% #FFB5FD	RVB 255 181 253	#FFB5FD
16.7%	16.7% #F99DF5	RVB 249 157 245	#F99DF5
33.3%	33.3% #F487ED	RVB 244 135 237	#F487ED
50.0%	50.0% #EF72E4	RVB 239 114 228	#EF72E4
66.7%	66.7% #E95DDB	RVB 233 93 219	#E95DDB
83.3%	83.3% #E449D1	RVB 228 73 209	#E449D1
100.0%	100.0% #DF37C7	RVB 223 55 199	#DF37C7

#FFB5FD #F99DF5 #F487ED #EF72E4 #E95DDB #E449D1 #DF37C7

#FFB5FD - #EF72E4 - #DF37C7

Codes CSS

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

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