#6B8EB6 - #D4DEEA | 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 #6B8EB6 à #D4DEEA

#6B8EB6 #D4DEEA

Calculez la couleur entre deux couleurs, #6B8EB6 et #D4DEEA. 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)

#6B8EB6 - #D4DEEA | 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 #6B8EB6 0% et #D4DEEA 100%.

0.0%	0.0% #6B8EB6	RVB 107 142 182	#6B8EB6
16.7%	16.7% #7C9BBE	RVB 124 155 190	#7C9BBE
33.3%	33.3% #8EA8C7	RVB 142 168 199	#8EA8C7
50.0%	50.0% #9FB6D0	RVB 159 182 208	#9FB6D0
66.7%	66.7% #B1C3D8	RVB 177 195 216	#B1C3D8
83.3%	83.3% #C2D0E1	RVB 194 208 225	#C2D0E1
100.0%	100.0% #D4DEEA	RVB 212 222 234	#D4DEEA

#6B8EB6 #7C9BBE #8EA8C7 #9FB6D0 #B1C3D8 #C2D0E1 #D4DEEA

#6B8EB6 - #D4DEEA

Mélange HSV

#6B8EB6 - #D4DEEA | 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 #6B8EB6 0% et #D4DEEA 100%.

0.0%	0.0% #6B8EB6	RVB 107 142 182	#6B8EB6
16.7%	16.7% #7A9ABE	RVB 122 154 190	#7A9ABE
33.3%	33.3% #8AA6C7	RVB 138 166 199	#8AA6C7
50.0%	50.0% #9BB3D0	RVB 155 179 208	#9BB3D0
66.7%	66.7% #ADC1D8	RVB 173 193 216	#ADC1D8
83.3%	83.3% #C0CFE1	RVB 192 207 225	#C0CFE1
100.0%	100.0% #D4DEEA	RVB 212 222 234	#D4DEEA

#6B8EB6 #7A9ABE #8AA6C7 #9BB3D0 #ADC1D8 #C0CFE1 #D4DEEA

#6B8EB6 - #9BB3D0 - #D4DEEA

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B8EB6 0%, #9BB3D0 50%, #D4DEEA 100%);
    background: -webkit-linear-gradient(top, #6B8EB6 0%, #9BB3D0 50%, #D4DEEA 100%);
    background: linear-gradient(to bottom, #6B8EB6 0%, #9BB3D0 50%, #D4DEEA 100%);
}
</style>