#C06DA4 - #EDD5E5 | 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 #C06DA4 à #EDD5E5

#C06DA4 #EDD5E5

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

#C06DA4 - #EDD5E5 | 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 #C06DA4 0% et #EDD5E5 100%.

0.0%	0.0% #C06DA4	RVB 192 109 164	#C06DA4
16.7%	16.7% #C77EAE	RVB 199 126 174	#C77EAE
33.3%	33.3% #CF8FB9	RVB 207 143 185	#CF8FB9
50.0%	50.0% #D6A1C4	RVB 214 161 196	#D6A1C4
66.7%	66.7% #DEB2CF	RVB 222 178 207	#DEB2CF
83.3%	83.3% #E5C3DA	RVB 229 195 218	#E5C3DA
100.0%	100.0% #EDD5E5	RVB 237 213 229	#EDD5E5

#C06DA4 #C77EAE #CF8FB9 #D6A1C4 #DEB2CF #E5C3DA #EDD5E5

#C06DA4 - #EDD5E5

Mélange HSV

#C06DA4 - #EDD5E5 | 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 #C06DA4 0% et #EDD5E5 100%.

0.0%	0.0% #C06DA4	RVB 192 109 164	#C06DA4
16.7%	16.7% #C77CAE	RVB 199 124 174	#C77CAE
33.3%	33.3% #CF8CB8	RVB 207 140 184	#CF8CB8
50.0%	50.0% #D69DC3	RVB 214 157 195	#D69DC3
66.7%	66.7% #DEAFCE	RVB 222 175 206	#DEAFCE
83.3%	83.3% #E5C1D9	RVB 229 193 217	#E5C1D9
100.0%	100.0% #EDD5E5	RVB 237 213 229	#EDD5E5

#C06DA4 #C77CAE #CF8CB8 #D69DC3 #DEAFCE #E5C1D9 #EDD5E5

#C06DA4 - #D69DC3 - #EDD5E5

Codes CSS

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

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