#C0F6FF - #E5EAF2 | 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 #C0F6FF à #E5EAF2

#C0F6FF #E5EAF2

Calculez la couleur entre deux couleurs, #C0F6FF et #E5EAF2. 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)

#C0F6FF - #E5EAF2 | 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 #C0F6FF 0% et #E5EAF2 100%.

0.0%	0.0% #C0F6FF	RVB 192 246 255	#C0F6FF
16.7%	16.7% #C6F4FC	RVB 198 244 252	#C6F4FC
33.3%	33.3% #CCF2FA	RVB 204 242 250	#CCF2FA
50.0%	50.0% #D2F0F8	RVB 210 240 248	#D2F0F8
66.7%	66.7% #D8EEF6	RVB 216 238 246	#D8EEF6
83.3%	83.3% #DEECF4	RVB 222 236 244	#DEECF4
100.0%	100.0% #E5EAF2	RVB 229 234 242	#E5EAF2

#C0F6FF #C6F4FC #CCF2FA #D2F0F8 #D8EEF6 #DEECF4 #E5EAF2

#C0F6FF - #E5EAF2

Mélange HSV

#C0F6FF - #E5EAF2 | 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 #C0F6FF 0% et #E5EAF2 100%.

0.0%	0.0% #C0F6FF	RVB 192 246 255	#C0F6FF
16.7%	16.7% #C6F0FC	RVB 198 240 252	#C6F0FC
33.3%	33.3% #CCECFA	RVB 204 236 250	#CCECFA
50.0%	50.0% #D3EAF8	RVB 211 234 248	#D3EAF8
66.7%	66.7% #D9E9F6	RVB 217 233 246	#D9E9F6
83.3%	83.3% #DFE8F4	RVB 223 232 244	#DFE8F4
100.0%	100.0% #E5EAF2	RVB 229 234 242	#E5EAF2

#C0F6FF #C6F0FC #CCECFA #D3EAF8 #D9E9F6 #DFE8F4 #E5EAF2

#C0F6FF - #D3EAF8 - #E5EAF2

Codes CSS

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

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