#8EB5E2 - #DEE9F6 | 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 #8EB5E2 à #DEE9F6

#8EB5E2 #DEE9F6

Calculez la couleur entre deux couleurs, #8EB5E2 et #DEE9F6. 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)

#8EB5E2 - #DEE9F6 | 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 #8EB5E2 0% et #DEE9F6 100%.

0.0%	0.0% #8EB5E2	RVB 142 181 226	#8EB5E2
16.7%	16.7% #9BBDE5	RVB 155 189 229	#9BBDE5
33.3%	33.3% #A8C6E8	RVB 168 198 232	#A8C6E8
50.0%	50.0% #B6CFEC	RVB 182 207 236	#B6CFEC
66.7%	66.7% #C3D7EF	RVB 195 215 239	#C3D7EF
83.3%	83.3% #D0E0F2	RVB 208 224 242	#D0E0F2
100.0%	100.0% #DEE9F6	RVB 222 233 246	#DEE9F6

#8EB5E2 #9BBDE5 #A8C6E8 #B6CFEC #C3D7EF #D0E0F2 #DEE9F6

#8EB5E2 - #DEE9F6

Mélange HSV

#8EB5E2 - #DEE9F6 | 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 #8EB5E2 0% et #DEE9F6 100%.

0.0%	0.0% #8EB5E2	RVB 142 181 226	#8EB5E2
16.7%	16.7% #9ABDE5	RVB 154 189 229	#9ABDE5
33.3%	33.3% #A7C5E8	RVB 167 197 232	#A7C5E8
50.0%	50.0% #B4CEEC	RVB 180 206 236	#B4CEEC
66.7%	66.7% #C2D6EF	RVB 194 214 239	#C2D6EF
83.3%	83.3% #CFDFF2	RVB 207 223 242	#CFDFF2
100.0%	100.0% #DEE9F6	RVB 222 233 246	#DEE9F6

#8EB5E2 #9ABDE5 #A7C5E8 #B4CEEC #C2D6EF #CFDFF2 #DEE9F6

#8EB5E2 - #B4CEEC - #DEE9F6

Codes CSS

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

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