#48C7FF - #C2E5E2 | 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 #48C7FF à #C2E5E2

#48C7FF #C2E5E2

Calculez la couleur entre deux couleurs, #48C7FF et #C2E5E2. 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)

#48C7FF - #C2E5E2 | 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 #48C7FF 0% et #C2E5E2 100%.

0.0%	0.0% #48C7FF	RVB 72 199 255	#48C7FF
16.7%	16.7% #5CCCFA	RVB 92 204 250	#5CCCFA
33.3%	33.3% #70D1F5	RVB 112 209 245	#70D1F5
50.0%	50.0% #85D6F0	RVB 133 214 240	#85D6F0
66.7%	66.7% #99DBEB	RVB 153 219 235	#99DBEB
83.3%	83.3% #ADE0E6	RVB 173 224 230	#ADE0E6
100.0%	100.0% #C2E5E2	RVB 194 229 226	#C2E5E2

#48C7FF #5CCCFA #70D1F5 #85D6F0 #99DBEB #ADE0E6 #C2E5E2

#48C7FF - #C2E5E2

Mélange HSV

#48C7FF - #C2E5E2 | 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 #48C7FF 0% et #C2E5E2 100%.

0.0%	0.0% #47C7FF	RVB 71 199 255	#47C7FF
16.7%	16.7% #5ED5FA	RVB 94 213 250	#5ED5FA
33.3%	33.3% #73DFF6	RVB 115 223 246	#73DFF6
50.0%	50.0% #88E6F2	RVB 136 230 242	#88E6F2
66.7%	66.7% #9CEAED	RVB 156 234 237	#9CEAED
83.3%	83.3% #AFE9E8	RVB 175 233 232	#AFE9E8
100.0%	100.0% #C2E5E2	RVB 194 229 226	#C2E5E2

#47C7FF #5ED5FA #73DFF6 #88E6F2 #9CEAED #AFE9E8 #C2E5E2

#48C7FF - #88E6F2 - #C2E5E2

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #47C7FF 0%, #88E6F2 50%, #C2E5E2 100%);
    background: -webkit-linear-gradient(top, #47C7FF 0%, #88E6F2 50%, #C2E5E2 100%);
    background: linear-gradient(to bottom, #47C7FF 0%, #88E6F2 50%, #C2E5E2 100%);
}
</style>