#49B5E4 - #CBE9F7 | 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 #49B5E4 à #CBE9F7

#49B5E4 #CBE9F7

Calculez la couleur entre deux couleurs, #49B5E4 et #CBE9F7. 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)

#49B5E4 - #CBE9F7 | 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 #49B5E4 0% et #CBE9F7 100%.

0.0%	0.0% #49B5E4	RVB 73 181 228	#49B5E4
16.7%	16.7% #5EBDE7	RVB 94 189 231	#5EBDE7
33.3%	33.3% #74C6EA	RVB 116 198 234	#74C6EA
50.0%	50.0% #8ACFED	RVB 138 207 237	#8ACFED
66.7%	66.7% #9FD7F0	RVB 159 215 240	#9FD7F0
83.3%	83.3% #B5E0F3	RVB 181 224 243	#B5E0F3
100.0%	100.0% #CBE9F7	RVB 203 233 247	#CBE9F7

#49B5E4 #5EBDE7 #74C6EA #8ACFED #9FD7F0 #B5E0F3 #CBE9F7

#49B5E4 - #CBE9F7

Mélange HSV

#49B5E4 - #CBE9F7 | 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 #49B5E4 0% et #CBE9F7 100%.

0.0%	0.0% #48B5E4	RVB 72 181 228	#48B5E4
16.7%	16.7% #5DBDE7	RVB 93 189 231	#5DBDE7
33.3%	33.3% #72C5EA	RVB 114 197 234	#72C5EA
50.0%	50.0% #87CDED	RVB 135 205 237	#87CDED
66.7%	66.7% #9DD6F0	RVB 157 214 240	#9DD6F0
83.3%	83.3% #B4DFF3	RVB 180 223 243	#B4DFF3
100.0%	100.0% #CBE9F7	RVB 203 233 247	#CBE9F7

#48B5E4 #5DBDE7 #72C5EA #87CDED #9DD6F0 #B4DFF3 #CBE9F7

#49B5E4 - #87CDED - #CBE9F7

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #48B5E4 0%, #87CDED 50%, #CBE9F7 100%);
    background: -webkit-linear-gradient(top, #48B5E4 0%, #87CDED 50%, #CBE9F7 100%);
    background: linear-gradient(to bottom, #48B5E4 0%, #87CDED 50%, #CBE9F7 100%);
}
</style>