#C7BBC1 - #FFECD3 | 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 #C7BBC1 à #FFECD3

#C7BBC1 #FFECD3

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

#C7BBC1 - #FFECD3 | 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 #C7BBC1 0% et #FFECD3 100%.

0.0%	0.0% #C7BBC1	RVB 199 187 193	#C7BBC1
16.7%	16.7% #D0C3C4	RVB 208 195 196	#D0C3C4
33.3%	33.3% #D9CBC7	RVB 217 203 199	#D9CBC7
50.0%	50.0% #E3D3CA	RVB 227 211 202	#E3D3CA
66.7%	66.7% #ECDBCD	RVB 236 219 205	#ECDBCD
83.3%	83.3% #F5E3D0	RVB 245 227 208	#F5E3D0
100.0%	100.0% #FFECD3	RVB 255 236 211	#FFECD3

#C7BBC1 #D0C3C4 #D9CBC7 #E3D3CA #ECDBCD #F5E3D0 #FFECD3

#C7BBC1 - #FFECD3

Mélange HSV

#C7BBC1 - #FFECD3 | 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 #C7BBC1 0% et #FFECD3 100%.

0.0%	0.0% #C7BBC1	RVB 199 187 193	#C7BBC1
16.7%	16.7% #D0BFC5	RVB 208 191 197	#D0BFC5
33.3%	33.3% #D9C4C7	RVB 217 196 199	#D9C4C7
50.0%	50.0% #E3C9C8	RVB 227 201 200	#E3C9C8
66.7%	66.7% #ECD3CC	RVB 236 211 204	#ECD3CC
83.3%	83.3% #F5DECF	RVB 245 222 207	#F5DECF
100.0%	100.0% #FFECD3	RVB 255 236 211	#FFECD3

#C7BBC1 #D0BFC5 #D9C4C7 #E3C9C8 #ECD3CC #F5DECF #FFECD3

#C7BBC1 - #E3C9C8 - #FFECD3

Codes CSS

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

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