#C36DA9 - #EDD5E6 | 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 #C36DA9 à #EDD5E6

#C36DA9 #EDD5E6

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

#C36DA9 - #EDD5E6 | 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 #C36DA9 0% et #EDD5E6 100%.

0.0%	0.0% #C36DA9	RVB 195 109 169	#C36DA9
16.7%	16.7% #CA7EB3	RVB 202 126 179	#CA7EB3
33.3%	33.3% #D18FBD	RVB 209 143 189	#D18FBD
50.0%	50.0% #D8A1C7	RVB 216 161 199	#D8A1C7
66.7%	66.7% #DFB2D1	RVB 223 178 209	#DFB2D1
83.3%	83.3% #E6C3DB	RVB 230 195 219	#E6C3DB
100.0%	100.0% #EDD5E6	RVB 237 213 230	#EDD5E6

#C36DA9 #CA7EB3 #D18FBD #D8A1C7 #DFB2D1 #E6C3DB #EDD5E6

#C36DA9 - #EDD5E6

Mélange HSV

#C36DA9 - #EDD5E6 | 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 #C36DA9 0% et #EDD5E6 100%.

0.0%	0.0% #C36DA9	RVB 195 109 169	#C36DA9
16.7%	16.7% #CA7CB2	RVB 202 124 178	#CA7CB2
33.3%	33.3% #D18CBC	RVB 209 140 188	#D18CBC
50.0%	50.0% #D89DC6	RVB 216 157 198	#D89DC6
66.7%	66.7% #DFAFD0	RVB 223 175 208	#DFAFD0
83.3%	83.3% #E6C1DB	RVB 230 193 219	#E6C1DB
100.0%	100.0% #EDD5E6	RVB 237 213 230	#EDD5E6

#C36DA9 #CA7CB2 #D18CBC #D89DC6 #DFAFD0 #E6C1DB #EDD5E6

#C36DA9 - #D89DC6 - #EDD5E6

Codes CSS

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

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