#D5E2FF - #779AD5 | 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 #D5E2FF à #779AD5

#D5E2FF #779AD5

Calculez la couleur entre deux couleurs, #D5E2FF et #779AD5. 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)

#D5E2FF - #779AD5 | 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 #D5E2FF 0% et #779AD5 100%.

0.0%	0.0% #D5E2FF	RVB 213 226 255	#D5E2FF
16.7%	16.7% #C5D6F8	RVB 197 214 248	#C5D6F8
33.3%	33.3% #B5CAF1	RVB 181 202 241	#B5CAF1
50.0%	50.0% #A6BEEA	RVB 166 190 234	#A6BEEA
66.7%	66.7% #96B2E3	RVB 150 178 227	#96B2E3
83.3%	83.3% #86A6DC	RVB 134 166 220	#86A6DC
100.0%	100.0% #779AD5	RVB 119 154 213	#779AD5

#D5E2FF #C5D6F8 #B5CAF1 #A6BEEA #96B2E3 #86A6DC #779AD5

#D5E2FF - #779AD5

Mélange HSV

#D5E2FF - #779AD5 | 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 #D5E2FF 0% et #779AD5 100%.

0.0%	0.0% #D5E2FF	RVB 213 226 255	#D5E2FF
16.7%	16.7% #C3D4F8	RVB 195 212 248	#C3D4F8
33.3%	33.3% #B3C7F1	RVB 179 199 241	#B3C7F1
50.0%	50.0% #A3BBEA	RVB 163 187 234	#A3BBEA
66.7%	66.7% #93AFE3	RVB 147 175 227	#93AFE3
83.3%	83.3% #85A4DC	RVB 133 164 220	#85A4DC
100.0%	100.0% #779AD5	RVB 119 154 213	#779AD5

#D5E2FF #C3D4F8 #B3C7F1 #A3BBEA #93AFE3 #85A4DC #779AD5

#D5E2FF - #A3BBEA - #779AD5

Codes CSS

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

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