#C06DA3 - #EDD5E4 | 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 #C06DA3 à #EDD5E4

#C06DA3 #EDD5E4

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

#C06DA3 - #EDD5E4 | 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 #C06DA3 0% et #EDD5E4 100%.

0.0%	0.0% #C06DA3	RVB 192 109 163	#C06DA3
16.7%	16.7% #C77EAD	RVB 199 126 173	#C77EAD
33.3%	33.3% #CF8FB8	RVB 207 143 184	#CF8FB8
50.0%	50.0% #D6A1C3	RVB 214 161 195	#D6A1C3
66.7%	66.7% #DEB2CE	RVB 222 178 206	#DEB2CE
83.3%	83.3% #E5C3D9	RVB 229 195 217	#E5C3D9
100.0%	100.0% #EDD5E4	RVB 237 213 228	#EDD5E4

#C06DA3 #C77EAD #CF8FB8 #D6A1C3 #DEB2CE #E5C3D9 #EDD5E4

#C06DA3 - #EDD5E4

Mélange HSV

#C06DA3 - #EDD5E4 | 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 #C06DA3 0% et #EDD5E4 100%.

0.0%	0.0% #C06DA3	RVB 192 109 163	#C06DA3
16.7%	16.7% #C77CAC	RVB 199 124 172	#C77CAC
33.3%	33.3% #CF8CB7	RVB 207 140 183	#CF8CB7
50.0%	50.0% #D69DC1	RVB 214 157 193	#D69DC1
66.7%	66.7% #DEAFCC	RVB 222 175 204	#DEAFCC
83.3%	83.3% #E5C1D8	RVB 229 193 216	#E5C1D8
100.0%	100.0% #EDD5E4	RVB 237 213 228	#EDD5E4

#C06DA3 #C77CAC #CF8CB7 #D69DC1 #DEAFCC #E5C1D8 #EDD5E4

#C06DA3 - #D69DC1 - #EDD5E4

Codes CSS

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

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