#AF2B6C - #E8C2D4 | 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 #AF2B6C à #E8C2D4

#AF2B6C #E8C2D4

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

#AF2B6C - #E8C2D4 | 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 #AF2B6C 0% et #E8C2D4 100%.

0.0%	0.0% #AF2B6C	RVB 175 43 108	#AF2B6C
16.7%	16.7% #B8447D	RVB 184 68 125	#B8447D
33.3%	33.3% #C25D8E	RVB 194 93 142	#C25D8E
50.0%	50.0% #CB76A0	RVB 203 118 160	#CB76A0
66.7%	66.7% #D58FB1	RVB 213 143 177	#D58FB1
83.3%	83.3% #DEA8C2	RVB 222 168 194	#DEA8C2
100.0%	100.0% #E8C2D4	RVB 232 194 212	#E8C2D4

#AF2B6C #B8447D #C25D8E #CB76A0 #D58FB1 #DEA8C2 #E8C2D4

#AF2B6C - #E8C2D4

Mélange HSV

#AF2B6C - #E8C2D4 | 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 #AF2B6C 0% et #E8C2D4 100%.

0.0%	0.0% #AF2B6C	RVB 175 43 108	#AF2B6C
16.7%	16.7% #B83F7A	RVB 184 63 122	#B83F7A
33.3%	33.3% #C2558A	RVB 194 85 138	#C2558A
50.0%	50.0% #CB6E9B	RVB 203 110 155	#CB6E9B
66.7%	66.7% #D588AD	RVB 213 136 173	#D588AD
83.3%	83.3% #DEA4BF	RVB 222 164 191	#DEA4BF
100.0%	100.0% #E8C2D4	RVB 232 194 212	#E8C2D4

#AF2B6C #B83F7A #C2558A #CB6E9B #D588AD #DEA4BF #E8C2D4

#AF2B6C - #CB6E9B - #E8C2D4

Codes CSS

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

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