#C0BCCC - #ECEBF0 | 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 #C0BCCC à #ECEBF0

#C0BCCC #ECEBF0

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

#C0BCCC - #ECEBF0 | 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 #C0BCCC 0% et #ECEBF0 100%.

0.0%	0.0% #C0BCCC	RVB 192 188 204	#C0BCCC
16.7%	16.7% #C7C3D2	RVB 199 195 210	#C7C3D2
33.3%	33.3% #CECBD8	RVB 206 203 216	#CECBD8
50.0%	50.0% #D6D3DE	RVB 214 211 222	#D6D3DE
66.7%	66.7% #DDDBE4	RVB 221 219 228	#DDDBE4
83.3%	83.3% #E4E3EA	RVB 228 227 234	#E4E3EA
100.0%	100.0% #ECEBF0	RVB 236 235 240	#ECEBF0

#C0BCCC #C7C3D2 #CECBD8 #D6D3DE #DDDBE4 #E4E3EA #ECEBF0

#C0BCCC - #ECEBF0

Mélange HSV

#C0BCCC - #ECEBF0 | 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 #C0BCCC 0% et #ECEBF0 100%.

0.0%	0.0% #C0BCCC	RVB 192 188 204	#C0BCCC
16.7%	16.7% #C7C3D2	RVB 199 195 210	#C7C3D2
33.3%	33.3% #CECBD8	RVB 206 203 216	#CECBD8
50.0%	50.0% #D5D2DE	RVB 213 210 222	#D5D2DE
66.7%	66.7% #DCDAE4	RVB 220 218 228	#DCDAE4
83.3%	83.3% #E4E2EA	RVB 228 226 234	#E4E2EA
100.0%	100.0% #ECEBF0	RVB 236 235 240	#ECEBF0

#C0BCCC #C7C3D2 #CECBD8 #D5D2DE #DCDAE4 #E4E2EA #ECEBF0

#C0BCCC - #D5D2DE - #ECEBF0

Codes CSS

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

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