#E6E5E7 - #C09CD5 | 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 #E6E5E7 à #C09CD5

#E6E5E7 #C09CD5

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

#E6E5E7 - #C09CD5 | 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 #E6E5E7 0% et #C09CD5 100%.

0.0%	0.0% #E6E5E7	RVB 230 229 231	#E6E5E7
16.7%	16.7% #DFD8E4	RVB 223 216 228	#DFD8E4
33.3%	33.3% #D9CCE1	RVB 217 204 225	#D9CCE1
50.0%	50.0% #D3C0DE	RVB 211 192 222	#D3C0DE
66.7%	66.7% #CCB4DB	RVB 204 180 219	#CCB4DB
83.3%	83.3% #C6A8D8	RVB 198 168 216	#C6A8D8
100.0%	100.0% #C09CD5	RVB 192 156 213	#C09CD5

#E6E5E7 #DFD8E4 #D9CCE1 #D3C0DE #CCB4DB #C6A8D8 #C09CD5

#E6E5E7 - #C09CD5

Mélange HSV

#E6E5E7 - #C09CD5 | 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 #E6E5E7 0% et #C09CD5 100%.

0.0%	0.0% #E6E5E7	RVB 230 229 231	#E6E5E7
16.7%	16.7% #DED8E4	RVB 222 216 228	#DED8E4
33.3%	33.3% #D7CBE1	RVB 215 203 225	#D7CBE1
50.0%	50.0% #D0BFDE	RVB 208 191 222	#D0BFDE
66.7%	66.7% #CAB3DB	RVB 202 179 219	#CAB3DB
83.3%	83.3% #C5A7D8	RVB 197 167 216	#C5A7D8
100.0%	100.0% #C09CD5	RVB 192 156 213	#C09CD5

#E6E5E7 #DED8E4 #D7CBE1 #D0BFDE #CAB3DB #C5A7D8 #C09CD5

#E6E5E7 - #D0BFDE - #C09CD5

Codes CSS

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

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