#E6BFD2 - #FFF5E7 | 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 #E6BFD2 à #FFF5E7

#E6BFD2 #FFF5E7

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

#E6BFD2 - #FFF5E7 | 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 #E6BFD2 0% et #FFF5E7 100%.

0.0%	0.0% #E6BFD2	RVB 230 191 210	#E6BFD2
16.7%	16.7% #EAC8D5	RVB 234 200 213	#EAC8D5
33.3%	33.3% #EED1D9	RVB 238 209 217	#EED1D9
50.0%	50.0% #F2DADC	RVB 242 218 220	#F2DADC
66.7%	66.7% #F6E3E0	RVB 246 227 224	#F6E3E0
83.3%	83.3% #FAECE3	RVB 250 236 227	#FAECE3
100.0%	100.0% #FFF5E7	RVB 255 245 231	#FFF5E7

#E6BFD2 #EAC8D5 #EED1D9 #F2DADC #F6E3E0 #FAECE3 #FFF5E7

#E6BFD2 - #FFF5E7

Mélange HSV

#E6BFD2 - #FFF5E7 | 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 #E6BFD2 0% et #FFF5E7 100%.

0.0%	0.0% #E6BFD2	RVB 230 191 210	#E6BFD2
16.7%	16.7% #EAC5D0	RVB 234 197 208	#EAC5D0
33.3%	33.3% #EECBD0	RVB 238 203 208	#EECBD0
50.0%	50.0% #F2D4D2	RVB 242 212 210	#F2D4D2
66.7%	66.7% #F6DFD9	RVB 246 223 217	#F6DFD9
83.3%	83.3% #FAEAE0	RVB 250 234 224	#FAEAE0
100.0%	100.0% #FFF5E7	RVB 255 245 231	#FFF5E7

#E6BFD2 #EAC5D0 #EECBD0 #F2D4D2 #F6DFD9 #FAEAE0 #FFF5E7

#E6BFD2 - #F2D4D2 - #FFF5E7

Codes CSS

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

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