#A8D3FE - #DBE2ED | 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 #A8D3FE à #DBE2ED

#A8D3FE #DBE2ED

Calculez la couleur entre deux couleurs, #A8D3FE et #DBE2ED. 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)

#A8D3FE - #DBE2ED | 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 #A8D3FE 0% et #DBE2ED 100%.

0.0%	0.0% #A8D3FE	RVB 168 211 254	#A8D3FE
16.7%	16.7% #B0D5FB	RVB 176 213 251	#B0D5FB
33.3%	33.3% #B9D8F8	RVB 185 216 248	#B9D8F8
50.0%	50.0% #C1DAF5	RVB 193 218 245	#C1DAF5
66.7%	66.7% #CADDF2	RVB 202 221 242	#CADDF2
83.3%	83.3% #D2DFEF	RVB 210 223 239	#D2DFEF
100.0%	100.0% #DBE2ED	RVB 219 226 237	#DBE2ED

#A8D3FE #B0D5FB #B9D8F8 #C1DAF5 #CADDF2 #D2DFEF #DBE2ED

#A8D3FE - #DBE2ED

Mélange HSV

#A8D3FE - #DBE2ED | 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 #A8D3FE 0% et #DBE2ED 100%.

0.0%	0.0% #A8D3FE	RVB 168 211 254	#A8D3FE
16.7%	16.7% #B1D4FB	RVB 177 212 251	#B1D4FB
33.3%	33.3% #B9D6F8	RVB 185 214 248	#B9D6F8
50.0%	50.0% #C2D9F5	RVB 194 217 245	#C2D9F5
66.7%	66.7% #CADBF2	RVB 202 219 242	#CADBF2
83.3%	83.3% #D3DEEF	RVB 211 222 239	#D3DEEF
100.0%	100.0% #DBE2ED	RVB 219 226 237	#DBE2ED

#A8D3FE #B1D4FB #B9D6F8 #C2D9F5 #CADBF2 #D3DEEF #DBE2ED

#A8D3FE - #C2D9F5 - #DBE2ED

Codes CSS

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

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