#D7E5EB - #869EB6 | 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 #D7E5EB à #869EB6

#D7E5EB #869EB6

Calculez la couleur entre deux couleurs, #D7E5EB et #869EB6. 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)

#D7E5EB - #869EB6 | 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 #D7E5EB 0% et #869EB6 100%.

0.0%	0.0% #D7E5EB	RVB 215 229 235	#D7E5EB
16.7%	16.7% #C9D9E2	RVB 201 217 226	#C9D9E2
33.3%	33.3% #BCCDD9	RVB 188 205 217	#BCCDD9
50.0%	50.0% #AEC1D0	RVB 174 193 208	#AEC1D0
66.7%	66.7% #A1B5C7	RVB 161 181 199	#A1B5C7
83.3%	83.3% #93A9BE	RVB 147 169 190	#93A9BE
100.0%	100.0% #869EB6	RVB 134 158 182	#869EB6

#D7E5EB #C9D9E2 #BCCDD9 #AEC1D0 #A1B5C7 #93A9BE #869EB6

#D7E5EB - #869EB6

Mélange HSV

#D7E5EB - #869EB6 | 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 #D7E5EB 0% et #869EB6 100%.

0.0%	0.0% #D7E5EB	RVB 215 229 235	#D7E5EB
16.7%	16.7% #C8D9E2	RVB 200 217 226	#C8D9E2
33.3%	33.3% #B9CDD9	RVB 185 205 217	#B9CDD9
50.0%	50.0% #ACC1D0	RVB 172 193 208	#ACC1D0
66.7%	66.7% #9EB5C7	RVB 158 181 199	#9EB5C7
83.3%	83.3% #92A9BE	RVB 146 169 190	#92A9BE
100.0%	100.0% #869EB6	RVB 134 158 182	#869EB6

#D7E5EB #C8D9E2 #B9CDD9 #ACC1D0 #9EB5C7 #92A9BE #869EB6

#D7E5EB - #ACC1D0 - #869EB6

Codes CSS

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

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