#ECECFD - #91AECE | 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 #ECECFD à #91AECE

#ECECFD #91AECE

Calculez la couleur entre deux couleurs, #ECECFD et #91AECE. 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)

#ECECFD - #91AECE | 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 #ECECFD 0% et #91AECE 100%.

0.0%	0.0% #ECECFD	RVB 236 236 253	#ECECFD
16.7%	16.7% #DCE1F5	RVB 220 225 245	#DCE1F5
33.3%	33.3% #CDD7ED	RVB 205 215 237	#CDD7ED
50.0%	50.0% #BECDE5	RVB 190 205 229	#BECDE5
66.7%	66.7% #AFC2DD	RVB 175 194 221	#AFC2DD
83.3%	83.3% #A0B8D5	RVB 160 184 213	#A0B8D5
100.0%	100.0% #91AECE	RVB 145 174 206	#91AECE

#ECECFD #DCE1F5 #CDD7ED #BECDE5 #AFC2DD #A0B8D5 #91AECE

#ECECFD - #91AECE

Mélange HSV

#ECECFD - #91AECE | 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 #ECECFD 0% et #91AECE 100%.

0.0%	0.0% #ECECFD	RVB 236 236 253	#ECECFD
16.7%	16.7% #DBDDF5	RVB 219 221 245	#DBDDF5
33.3%	33.3% #CBD0ED	RVB 203 208 237	#CBD0ED
50.0%	50.0% #BBC5E5	RVB 187 197 229	#BBC5E5
66.7%	66.7% #ACBCDD	RVB 172 188 221	#ACBCDD
83.3%	83.3% #9EB4D5	RVB 158 180 213	#9EB4D5
100.0%	100.0% #91AECE	RVB 145 174 206	#91AECE

#ECECFD #DBDDF5 #CBD0ED #BBC5E5 #ACBCDD #9EB4D5 #91AECE

#ECECFD - #BBC5E5 - #91AECE

Codes CSS

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

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