#12B5E2 - #BBE9F6 | 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 #12B5E2 à #BBE9F6

#12B5E2 #BBE9F6

Calculez la couleur entre deux couleurs, #12B5E2 et #BBE9F6. 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)

#12B5E2 - #BBE9F6 | 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 #12B5E2 0% et #BBE9F6 100%.

0.0%	0.0% #12B5E2	RVB 18 181 226	#12B5E2
16.7%	16.7% #2EBDE5	RVB 46 189 229	#2EBDE5
33.3%	33.3% #4AC6E8	RVB 74 198 232	#4AC6E8
50.0%	50.0% #66CFEC	RVB 102 207 236	#66CFEC
66.7%	66.7% #82D7EF	RVB 130 215 239	#82D7EF
83.3%	83.3% #9EE0F2	RVB 158 224 242	#9EE0F2
100.0%	100.0% #BBE9F6	RVB 187 233 246	#BBE9F6

#12B5E2 #2EBDE5 #4AC6E8 #66CFEC #82D7EF #9EE0F2 #BBE9F6

#12B5E2 - #BBE9F6

Mélange HSV

#12B5E2 - #BBE9F6 | 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 #12B5E2 0% et #BBE9F6 100%.

0.0%	0.0% #11B4E2	RVB 17 180 226	#11B4E2
16.7%	16.7% #2CBDE5	RVB 44 189 229	#2CBDE5
33.3%	33.3% #47C5E8	RVB 71 197 232	#47C5E8
50.0%	50.0% #63CEEC	RVB 99 206 236	#63CEEC
66.7%	66.7% #7FD6EF	RVB 127 214 239	#7FD6EF
83.3%	83.3% #9CDFF2	RVB 156 223 242	#9CDFF2
100.0%	100.0% #BBE9F6	RVB 187 233 246	#BBE9F6

#11B4E2 #2CBDE5 #47C5E8 #63CEEC #7FD6EF #9CDFF2 #BBE9F6

#12B5E2 - #63CEEC - #BBE9F6

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #11B4E2 0%, #63CEEC 50%, #BBE9F6 100%);
    background: -webkit-linear-gradient(top, #11B4E2 0%, #63CEEC 50%, #BBE9F6 100%);
    background: linear-gradient(to bottom, #11B4E2 0%, #63CEEC 50%, #BBE9F6 100%);
}
</style>