#8C92D9 - #DEDFF4 | 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 #8C92D9 à #DEDFF4

#8C92D9 #DEDFF4

Calculez la couleur entre deux couleurs, #8C92D9 et #DEDFF4. 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)

#8C92D9 - #DEDFF4 | 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 #8C92D9 0% et #DEDFF4 100%.

0.0%	0.0% #8C92D9	RVB 140 146 217	#8C92D9
16.7%	16.7% #999EDD	RVB 153 158 221	#999EDD
33.3%	33.3% #A7ABE2	RVB 167 171 226	#A7ABE2
50.0%	50.0% #B5B8E6	RVB 181 184 230	#B5B8E6
66.7%	66.7% #C2C5EB	RVB 194 197 235	#C2C5EB
83.3%	83.3% #D0D2EF	RVB 208 210 239	#D0D2EF
100.0%	100.0% #DEDFF4	RVB 222 223 244	#DEDFF4

#8C92D9 #999EDD #A7ABE2 #B5B8E6 #C2C5EB #D0D2EF #DEDFF4

#8C92D9 - #DEDFF4

Mélange HSV

#8C92D9 - #DEDFF4 | 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 #8C92D9 0% et #DEDFF4 100%.

0.0%	0.0% #8C92D9	RVB 140 146 217	#8C92D9
16.7%	16.7% #989DDD	RVB 152 157 221	#989DDD
33.3%	33.3% #A5A9E2	RVB 165 169 226	#A5A9E2
50.0%	50.0% #B3B6E6	RVB 179 182 230	#B3B6E6
66.7%	66.7% #C1C3EB	RVB 193 195 235	#C1C3EB
83.3%	83.3% #CFD0EF	RVB 207 208 239	#CFD0EF
100.0%	100.0% #DEDFF4	RVB 222 223 244	#DEDFF4

#8C92D9 #989DDD #A5A9E2 #B3B6E6 #C1C3EB #CFD0EF #DEDFF4

#8C92D9 - #B3B6E6 - #DEDFF4

Codes CSS

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

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