#EB6AB7 - #AE006B | 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 #EB6AB7 à #AE006B

#EB6AB7 #AE006B

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

#EB6AB7 - #AE006B | 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 #EB6AB7 0% et #AE006B 100%.

0.0%	0.0% #EB6AB7	RVB 235 106 183	#EB6AB7
16.7%	16.7% #E058AA	RVB 224 88 170	#E058AA
33.3%	33.3% #D6469D	RVB 214 70 157	#D6469D
50.0%	50.0% #CC3591	RVB 204 53 145	#CC3591
66.7%	66.7% #C22384	RVB 194 35 132	#C22384
83.3%	83.3% #B81177	RVB 184 17 119	#B81177
100.0%	100.0% #AE006B	RVB 174 0 107	#AE006B

#EB6AB7 #E058AA #D6469D #CC3591 #C22384 #B81177 #AE006B

#EB6AB7 - #AE006B

Mélange HSV

#EB6AB7 - #AE006B | 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 #EB6AB7 0% et #AE006B 100%.

0.0%	0.0% #EB6AB7	RVB 235 106 183	#EB6AB7
16.7%	16.7% #E054A8	RVB 224 84 168	#E054A8
33.3%	33.3% #D6409B	RVB 214 64 155	#D6409B
50.0%	50.0% #CC2E8E	RVB 204 46 142	#CC2E8E
66.7%	66.7% #C21D81	RVB 194 29 129	#C21D81
83.3%	83.3% #B80D76	RVB 184 13 118	#B80D76
100.0%	100.0% #AE006B	RVB 174 0 107	#AE006B

#EB6AB7 #E054A8 #D6409B #CC2E8E #C21D81 #B80D76 #AE006B

#EB6AB7 - #CC2E8E - #AE006B

Codes CSS

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

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