#DBE5E6 - #919BAE | 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 #DBE5E6 à #919BAE

#DBE5E6 #919BAE

Calculez la couleur entre deux couleurs, #DBE5E6 et #919BAE. 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)

#DBE5E6 - #919BAE | 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 #DBE5E6 0% et #919BAE 100%.

0.0%	0.0% #DBE5E6	RVB 219 229 230	#DBE5E6
16.7%	16.7% #CED8DC	RVB 206 216 220	#CED8DC
33.3%	33.3% #C2CCD3	RVB 194 204 211	#C2CCD3
50.0%	50.0% #B6C0CA	RVB 182 192 202	#B6C0CA
66.7%	66.7% #A9B3C0	RVB 169 179 192	#A9B3C0
83.3%	83.3% #9DA7B7	RVB 157 167 183	#9DA7B7
100.0%	100.0% #919BAE	RVB 145 155 174	#919BAE

#DBE5E6 #CED8DC #C2CCD3 #B6C0CA #A9B3C0 #9DA7B7 #919BAE

#DBE5E6 - #919BAE

Mélange HSV

#DBE5E6 - #919BAE | 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 #DBE5E6 0% et #919BAE 100%.

0.0%	0.0% #DBE5E6	RVB 219 229 230	#DBE5E6
16.7%	16.7% #CDD9DC	RVB 205 217 220	#CDD9DC
33.3%	33.3% #C0CED3	RVB 192 206 211	#C0CED3
50.0%	50.0% #B4C1CA	RVB 180 193 202	#B4C1CA
66.7%	66.7% #A8B5C0	RVB 168 181 192	#A8B5C0
83.3%	83.3% #9CA8B7	RVB 156 168 183	#9CA8B7
100.0%	100.0% #919BAE	RVB 145 155 174	#919BAE

#DBE5E6 #CDD9DC #C0CED3 #B4C1CA #A8B5C0 #9CA8B7 #919BAE

#DBE5E6 - #B4C1CA - #919BAE

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #DBE5E6 0%, #B4C1CA 50%, #919BAE 100%);
    background: -webkit-linear-gradient(top, #DBE5E6 0%, #B4C1CA 50%, #919BAE 100%);
    background: linear-gradient(to bottom, #DBE5E6 0%, #B4C1CA 50%, #919BAE 100%);
}
</style>