#C0EBFF - #FFF0FF | 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 #C0EBFF à #FFF0FF

#C0EBFF #FFF0FF

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

#C0EBFF - #FFF0FF | 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 #C0EBFF 0% et #FFF0FF 100%.

0.0%	0.0% #C0EBFF	RVB 192 235 255	#C0EBFF
16.7%	16.7% #CAEBFF	RVB 202 235 255	#CAEBFF
33.3%	33.3% #D5ECFF	RVB 213 236 255	#D5ECFF
50.0%	50.0% #DFEDFF	RVB 223 237 255	#DFEDFF
66.7%	66.7% #EAEEFF	RVB 234 238 255	#EAEEFF
83.3%	83.3% #F4EFFF	RVB 244 239 255	#F4EFFF
100.0%	100.0% #FFF0FF	RVB 255 240 255	#FFF0FF

#C0EBFF #CAEBFF #D5ECFF #DFEDFF #EAEEFF #F4EFFF #FFF0FF

#C0EBFF - #FFF0FF

Mélange HSV

#C0EBFF - #FFF0FF | 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 #C0EBFF 0% et #FFF0FF 100%.

0.0%	0.0% #C0EBFF	RVB 192 235 255	#C0EBFF
16.7%	16.7% #C8DEFF	RVB 200 222 255	#C8DEFF
33.3%	33.3% #D0D5FF	RVB 208 213 255	#D0D5FF
50.0%	50.0% #DED8FF	RVB 222 216 255	#DED8FF
66.7%	66.7% #EDE0FF	RVB 237 224 255	#EDE0FF
83.3%	83.3% #F8E8FF	RVB 248 232 255	#F8E8FF
100.0%	100.0% #FFF0FF	RVB 255 240 255	#FFF0FF

#C0EBFF #C8DEFF #D0D5FF #DED8FF #EDE0FF #F8E8FF #FFF0FF

#C0EBFF - #DED8FF - #FFF0FF

Codes CSS

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

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