#C06C9F - #EDD5E3 | 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 #C06C9F à #EDD5E3

#C06C9F #EDD5E3

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

#C06C9F - #EDD5E3 | 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 #C06C9F 0% et #EDD5E3 100%.

0.0%	0.0% #C06C9F	RVB 192 108 159	#C06C9F
16.7%	16.7% #C77DAA	RVB 199 125 170	#C77DAA
33.3%	33.3% #CF8FB5	RVB 207 143 181	#CF8FB5
50.0%	50.0% #D6A0C1	RVB 214 160 193	#D6A0C1
66.7%	66.7% #DEB2CC	RVB 222 178 204	#DEB2CC
83.3%	83.3% #E5C3D7	RVB 229 195 215	#E5C3D7
100.0%	100.0% #EDD5E3	RVB 237 213 227	#EDD5E3

#C06C9F #C77DAA #CF8FB5 #D6A0C1 #DEB2CC #E5C3D7 #EDD5E3

#C06C9F - #EDD5E3

Mélange HSV

#C06C9F - #EDD5E3 | 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 #C06C9F 0% et #EDD5E3 100%.

0.0%	0.0% #C06C9F	RVB 192 108 159	#C06C9F
16.7%	16.7% #C77BA9	RVB 199 123 169	#C77BA9
33.3%	33.3% #CF8BB4	RVB 207 139 180	#CF8BB4
50.0%	50.0% #D69CBF	RVB 214 156 191	#D69CBF
66.7%	66.7% #DEAECA	RVB 222 174 202	#DEAECA
83.3%	83.3% #E5C1D6	RVB 229 193 214	#E5C1D6
100.0%	100.0% #EDD5E3	RVB 237 213 227	#EDD5E3

#C06C9F #C77BA9 #CF8BB4 #D69CBF #DEAECA #E5C1D6 #EDD5E3

#C06C9F - #D69CBF - #EDD5E3

Codes CSS

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

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