#C0FFFE - #EDFEFF | 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 #C0FFFE à #EDFEFF

#C0FFFE #EDFEFF

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

#C0FFFE - #EDFEFF | 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 #C0FFFE 0% et #EDFEFF 100%.

0.0%	0.0% #C0FFFE	RVB 192 255 254	#C0FFFE
16.7%	16.7% #C7FEFE	RVB 199 254 254	#C7FEFE
33.3%	33.3% #CFFEFE	RVB 207 254 254	#CFFEFE
50.0%	50.0% #D6FEFE	RVB 214 254 254	#D6FEFE
66.7%	66.7% #DEFEFE	RVB 222 254 254	#DEFEFE
83.3%	83.3% #E5FEFE	RVB 229 254 254	#E5FEFE
100.0%	100.0% #EDFEFF	RVB 237 254 255	#EDFEFF

#C0FFFE #C7FEFE #CFFEFE #D6FEFE #DEFEFE #E5FEFE #EDFEFF

#C0FFFE - #EDFEFF

Mélange HSV

#C0FFFE - #EDFEFF | 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 #C0FFFE 0% et #EDFEFF 100%.

0.0%	0.0% #C0FFFE	RVB 192 255 254	#C0FFFE
16.7%	16.7% #C7FFFE	RVB 199 255 254	#C7FFFE
33.3%	33.3% #CFFEFF	RVB 207 254 255	#CFFEFF
50.0%	50.0% #D6FEFF	RVB 214 254 255	#D6FEFF
66.7%	66.7% #DEFDFF	RVB 222 253 255	#DEFDFF
83.3%	83.3% #E5FDFF	RVB 229 253 255	#E5FDFF
100.0%	100.0% #EDFEFF	RVB 237 254 255	#EDFEFF

#C0FFFE #C7FFFE #CFFEFF #D6FEFF #DEFDFF #E5FDFF #EDFEFF

#C0FFFE - #D6FEFF - #EDFEFF

Codes CSS

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

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