#C32C5E - #EDC2D1 | 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 #C32C5E à #EDC2D1

#C32C5E #EDC2D1

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

#C32C5E - #EDC2D1 | 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 #C32C5E 0% et #EDC2D1 100%.

0.0%	0.0% #C32C5E	RVB 195 44 94	#C32C5E
16.7%	16.7% #CA4571	RVB 202 69 113	#CA4571
33.3%	33.3% #D15E84	RVB 209 94 132	#D15E84
50.0%	50.0% #D87797	RVB 216 119 151	#D87797
66.7%	66.7% #DF90AA	RVB 223 144 170	#DF90AA
83.3%	83.3% #E6A9BD	RVB 230 169 189	#E6A9BD
100.0%	100.0% #EDC2D1	RVB 237 194 209	#EDC2D1

#C32C5E #CA4571 #D15E84 #D87797 #DF90AA #E6A9BD #EDC2D1

#C32C5E - #EDC2D1

Mélange HSV

#C32C5E - #EDC2D1 | 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 #C32C5E 0% et #EDC2D1 100%.

0.0%	0.0% #C32C5E	RVB 195 44 94	#C32C5E
16.7%	16.7% #CA416F	RVB 202 65 111	#CA416F
33.3%	33.3% #D15881	RVB 209 88 129	#D15881
50.0%	50.0% #D87093	RVB 216 112 147	#D87093
66.7%	66.7% #DF8AA7	RVB 223 138 167	#DF8AA7
83.3%	83.3% #E6A5BB	RVB 230 165 187	#E6A5BB
100.0%	100.0% #EDC2D1	RVB 237 194 209	#EDC2D1

#C32C5E #CA416F #D15881 #D87093 #DF8AA7 #E6A5BB #EDC2D1

#C32C5E - #D87093 - #EDC2D1

Codes CSS

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

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