#45B5E5 - #C3E2DD | 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 #45B5E5 à #C3E2DD

#45B5E5 #C3E2DD

Calculez la couleur entre deux couleurs, #45B5E5 et #C3E2DD. 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)

#45B5E5 - #C3E2DD | 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 #45B5E5 0% et #C3E2DD 100%.

0.0%	0.0% #45B5E5	RVB 69 181 229	#45B5E5
16.7%	16.7% #5ABCE3	RVB 90 188 227	#5ABCE3
33.3%	33.3% #6FC4E2	RVB 111 196 226	#6FC4E2
50.0%	50.0% #84CBE1	RVB 132 203 225	#84CBE1
66.7%	66.7% #99D3DF	RVB 153 211 223	#99D3DF
83.3%	83.3% #AEDADE	RVB 174 218 222	#AEDADE
100.0%	100.0% #C3E2DD	RVB 195 226 221	#C3E2DD

#45B5E5 #5ABCE3 #6FC4E2 #84CBE1 #99D3DF #AEDADE #C3E2DD

#45B5E5 - #C3E2DD

Mélange HSV

#45B5E5 - #C3E2DD | 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 #45B5E5 0% et #C3E2DD 100%.

0.0%	0.0% #45B5E5	RVB 69 181 229	#45B5E5
16.7%	16.7% #5AC5E4	RVB 90 197 228	#5AC5E4
33.3%	33.3% #6FD2E4	RVB 111 210 228	#6FD2E4
50.0%	50.0% #84DCE3	RVB 132 220 227	#84DCE3
66.7%	66.7% #99E3E2	RVB 153 227 226	#99E3E2
83.3%	83.3% #AEE2DE	RVB 174 226 222	#AEE2DE
100.0%	100.0% #C3E2DD	RVB 195 226 221	#C3E2DD

#45B5E5 #5AC5E4 #6FD2E4 #84DCE3 #99E3E2 #AEE2DE #C3E2DD

#45B5E5 - #84DCE3 - #C3E2DD

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #45B5E5 0%, #84DCE3 50%, #C3E2DD 100%);
    background: -webkit-linear-gradient(top, #45B5E5 0%, #84DCE3 50%, #C3E2DD 100%);
    background: linear-gradient(to bottom, #45B5E5 0%, #84DCE3 50%, #C3E2DD 100%);
}
</style>