#848FEB - #DBDFF9 | 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 #848FEB à #DBDFF9

#848FEB #DBDFF9

Calculez la couleur entre deux couleurs, #848FEB et #DBDFF9. 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)

#848FEB - #DBDFF9 | 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 #848FEB 0% et #DBDFF9 100%.

0.0%	0.0% #848FEB	RVB 132 143 235	#848FEB
16.7%	16.7% #929CED	RVB 146 156 237	#929CED
33.3%	33.3% #A1A9EF	RVB 161 169 239	#A1A9EF
50.0%	50.0% #AFB7F2	RVB 175 183 242	#AFB7F2
66.7%	66.7% #BEC4F4	RVB 190 196 244	#BEC4F4
83.3%	83.3% #CCD1F6	RVB 204 209 246	#CCD1F6
100.0%	100.0% #DBDFF9	RVB 219 223 249	#DBDFF9

#848FEB #929CED #A1A9EF #AFB7F2 #BEC4F4 #CCD1F6 #DBDFF9

#848FEB - #DBDFF9

Mélange HSV

#848FEB - #DBDFF9 | 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 #848FEB 0% et #DBDFF9 100%.

0.0%	0.0% #848FEB	RVB 132 143 235	#848FEB
16.7%	16.7% #919CED	RVB 145 156 237	#919CED
33.3%	33.3% #A0A9EF	RVB 160 169 239	#A0A9EF
50.0%	50.0% #AEB6F2	RVB 174 182 242	#AEB6F2
66.7%	66.7% #BDC3F4	RVB 189 195 244	#BDC3F4
83.3%	83.3% #CBD1F6	RVB 203 209 246	#CBD1F6
100.0%	100.0% #DBDFF9	RVB 219 223 249	#DBDFF9

#848FEB #919CED #A0A9EF #AEB6F2 #BDC3F4 #CBD1F6 #DBDFF9

#848FEB - #AEB6F2 - #DBDFF9

Codes CSS

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

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