#F8F0FF - #D3A8EB | 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 #F8F0FF à #D3A8EB

#F8F0FF #D3A8EB

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

#F8F0FF - #D3A8EB | 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 #F8F0FF 0% et #D3A8EB 100%.

0.0%	0.0% #F8F0FF	RVB 248 240 255	#F8F0FF
16.7%	16.7% #F1E4FB	RVB 241 228 251	#F1E4FB
33.3%	33.3% #EBD8F8	RVB 235 216 248	#EBD8F8
50.0%	50.0% #E5CCF5	RVB 229 204 245	#E5CCF5
66.7%	66.7% #DFC0F1	RVB 223 192 241	#DFC0F1
83.3%	83.3% #D9B4EE	RVB 217 180 238	#D9B4EE
100.0%	100.0% #D3A8EB	RVB 211 168 235	#D3A8EB

#F8F0FF #F1E4FB #EBD8F8 #E5CCF5 #DFC0F1 #D9B4EE #D3A8EB

#F8F0FF - #D3A8EB

Mélange HSV

#F8F0FF - #D3A8EB | 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 #F8F0FF 0% et #D3A8EB 100%.

0.0%	0.0% #F8F0FF	RVB 248 240 255	#F8F0FF
16.7%	16.7% #F0E3FB	RVB 240 227 251	#F0E3FB
33.3%	33.3% #E9D6F8	RVB 233 214 248	#E9D6F8
50.0%	50.0% #E3CAF5	RVB 227 202 245	#E3CAF5
66.7%	66.7% #DDBEF1	RVB 221 190 241	#DDBEF1
83.3%	83.3% #D8B3EE	RVB 216 179 238	#D8B3EE
100.0%	100.0% #D3A8EB	RVB 211 168 235	#D3A8EB

#F8F0FF #F0E3FB #E9D6F8 #E3CAF5 #DDBEF1 #D8B3EE #D3A8EB

#F8F0FF - #E3CAF5 - #D3A8EB

Codes CSS

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

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