#FEF0FF - #CDA2D0 | 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 #FEF0FF à #CDA2D0

#FEF0FF #CDA2D0

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

#FEF0FF - #CDA2D0 | 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 #FEF0FF 0% et #CDA2D0 100%.

0.0%	0.0% #FEF0FF	RVB 254 240 255	#FEF0FF
16.7%	16.7% #F5E3F7	RVB 245 227 247	#F5E3F7
33.3%	33.3% #EDD6EF	RVB 237 214 239	#EDD6EF
50.0%	50.0% #E5C9E7	RVB 229 201 231	#E5C9E7
66.7%	66.7% #DDBCDF	RVB 221 188 223	#DDBCDF
83.3%	83.3% #D5AFD7	RVB 213 175 215	#D5AFD7
100.0%	100.0% #CDA2D0	RVB 205 162 208	#CDA2D0

#FEF0FF #F5E3F7 #EDD6EF #E5C9E7 #DDBCDF #D5AFD7 #CDA2D0

#FEF0FF - #CDA2D0

Mélange HSV

#FEF0FF - #CDA2D0 | 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 #FEF0FF 0% et #CDA2D0 100%.

0.0%	0.0% #FEF0FF	RVB 254 240 255	#FEF0FF
16.7%	16.7% #F5E1F7	RVB 245 225 247	#F5E1F7
33.3%	33.3% #EDD4EF	RVB 237 212 239	#EDD4EF
50.0%	50.0% #E5C7E7	RVB 229 199 231	#E5C7E7
66.7%	66.7% #DDBADF	RVB 221 186 223	#DDBADF
83.3%	83.3% #D5ADD7	RVB 213 173 215	#D5ADD7
100.0%	100.0% #CDA2D0	RVB 205 162 208	#CDA2D0

#FEF0FF #F5E1F7 #EDD4EF #E5C7E7 #DDBADF #D5ADD7 #CDA2D0

#FEF0FF - #E5C7E7 - #CDA2D0

Codes CSS

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

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