#90C5E6 - #DFEEF7 | 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 #90C5E6 à #DFEEF7

#90C5E6 #DFEEF7

Calculez la couleur entre deux couleurs, #90C5E6 et #DFEEF7. 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)

#90C5E6 - #DFEEF7 | 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 #90C5E6 0% et #DFEEF7 100%.

0.0%	0.0% #90C5E6	RVB 144 197 230	#90C5E6
16.7%	16.7% #9DCBE8	RVB 157 203 232	#9DCBE8
33.3%	33.3% #AAD2EB	RVB 170 210 235	#AAD2EB
50.0%	50.0% #B7D9EE	RVB 183 217 238	#B7D9EE
66.7%	66.7% #C4E0F1	RVB 196 224 241	#C4E0F1
83.3%	83.3% #D1E7F4	RVB 209 231 244	#D1E7F4
100.0%	100.0% #DFEEF7	RVB 223 238 247	#DFEEF7

#90C5E6 #9DCBE8 #AAD2EB #B7D9EE #C4E0F1 #D1E7F4 #DFEEF7

#90C5E6 - #DFEEF7

Mélange HSV

#90C5E6 - #DFEEF7 | 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 #90C5E6 0% et #DFEEF7 100%.

0.0%	0.0% #90C5E6	RVB 144 197 230	#90C5E6
16.7%	16.7% #9CCBE8	RVB 156 203 232	#9CCBE8
33.3%	33.3% #A9D2EB	RVB 169 210 235	#A9D2EB
50.0%	50.0% #B6D9EE	RVB 182 217 238	#B6D9EE
66.7%	66.7% #C3E0F1	RVB 195 224 241	#C3E0F1
83.3%	83.3% #D1E6F4	RVB 209 230 244	#D1E6F4
100.0%	100.0% #DFEEF7	RVB 223 238 247	#DFEEF7

#90C5E6 #9CCBE8 #A9D2EB #B6D9EE #C3E0F1 #D1E6F4 #DFEEF7

#90C5E6 - #B6D9EE - #DFEEF7

Codes CSS

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

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