#EB6C8C - #AC1F38 | 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 #EB6C8C à #AC1F38

#EB6C8C #AC1F38

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

#EB6C8C - #AC1F38 | 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 #EB6C8C 0% et #AC1F38 100%.

0.0%	0.0% #EB6C8C	RVB 235 108 140	#EB6C8C
16.7%	16.7% #E05F7E	RVB 224 95 126	#E05F7E
33.3%	33.3% #D65270	RVB 214 82 112	#D65270
50.0%	50.0% #CB4562	RVB 203 69 98	#CB4562
66.7%	66.7% #C13854	RVB 193 56 84	#C13854
83.3%	83.3% #B62B46	RVB 182 43 70	#B62B46
100.0%	100.0% #AC1F38	RVB 172 31 56	#AC1F38

#EB6C8C #E05F7E #D65270 #CB4562 #C13854 #B62B46 #AC1F38

#EB6C8C - #AC1F38

Mélange HSV

#EB6C8C - #AC1F38 | 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 #EB6C8C 0% et #AC1F38 100%.

0.0%	0.0% #EB6C8C	RVB 235 108 140	#EB6C8C
16.7%	16.7% #E05C7C	RVB 224 92 124	#E05C7C
33.3%	33.3% #D64E6D	RVB 214 78 109	#D64E6D
50.0%	50.0% #CB415E	RVB 203 65 94	#CB415E
66.7%	66.7% #C13451	RVB 193 52 81	#C13451
83.3%	83.3% #B62944	RVB 182 41 68	#B62944
100.0%	100.0% #AC1F38	RVB 172 31 56	#AC1F38

#EB6C8C #E05C7C #D64E6D #CB415E #C13451 #B62944 #AC1F38

#EB6C8C - #CB415E - #AC1F38

Codes CSS

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

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