#91C5E3 - #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 #91C5E3 à #DFEEF7

#91C5E3 #DFEEF7

Calculez la couleur entre deux couleurs, #91C5E3 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)

#91C5E3 - #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 #91C5E3 0% et #DFEEF7 100%.

0.0%	0.0% #91C5E3	RVB 145 197 227	#91C5E3
16.7%	16.7% #9ECBE6	RVB 158 203 230	#9ECBE6
33.3%	33.3% #ABD2E9	RVB 171 210 233	#ABD2E9
50.0%	50.0% #B8D9ED	RVB 184 217 237	#B8D9ED
66.7%	66.7% #C5E0F0	RVB 197 224 240	#C5E0F0
83.3%	83.3% #D2E7F3	RVB 210 231 243	#D2E7F3
100.0%	100.0% #DFEEF7	RVB 223 238 247	#DFEEF7

#91C5E3 #9ECBE6 #ABD2E9 #B8D9ED #C5E0F0 #D2E7F3 #DFEEF7

#91C5E3 - #DFEEF7

Mélange HSV

#91C5E3 - #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 #91C5E3 0% et #DFEEF7 100%.

0.0%	0.0% #91C5E3	RVB 145 197 227	#91C5E3
16.7%	16.7% #9DCBE6	RVB 157 203 230	#9DCBE6
33.3%	33.3% #A9D2E9	RVB 169 210 233	#A9D2E9
50.0%	50.0% #B6D8ED	RVB 182 216 237	#B6D8ED
66.7%	66.7% #C3DFF0	RVB 195 223 240	#C3DFF0
83.3%	83.3% #D1E6F3	RVB 209 230 243	#D1E6F3
100.0%	100.0% #DFEEF7	RVB 223 238 247	#DFEEF7

#91C5E3 #9DCBE6 #A9D2E9 #B6D8ED #C3DFF0 #D1E6F3 #DFEEF7

#91C5E3 - #B6D8ED - #DFEEF7

Codes CSS

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

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