#C890B8 - #AA3C8C | 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 #C890B8 à #AA3C8C

#C890B8 #AA3C8C

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

#C890B8 - #AA3C8C | 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 #C890B8 0% et #AA3C8C 100%.

0.0%	0.0% #C890B8	RVB 200 144 184	#C890B8
16.7%	16.7% #C382B0	RVB 195 130 176	#C382B0
33.3%	33.3% #BE74A9	RVB 190 116 169	#BE74A9
50.0%	50.0% #B966A2	RVB 185 102 162	#B966A2
66.7%	66.7% #B4589A	RVB 180 88 154	#B4589A
83.3%	83.3% #AF4A93	RVB 175 74 147	#AF4A93
100.0%	100.0% #AA3C8C	RVB 170 60 140	#AA3C8C

#C890B8 #C382B0 #BE74A9 #B966A2 #B4589A #AF4A93 #AA3C8C

#C890B8 - #AA3C8C

Mélange HSV

#C890B8 - #AA3C8C | 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 #C890B8 0% et #AA3C8C 100%.

0.0%	0.0% #C890B8	RVB 200 144 184	#C890B8
16.7%	16.7% #C380B0	RVB 195 128 176	#C380B0
33.3%	33.3% #BE71A8	RVB 190 113 168	#BE71A8
50.0%	50.0% #B963A1	RVB 185 99 161	#B963A1
66.7%	66.7% #B45599	RVB 180 85 153	#B45599
83.3%	83.3% #AF4892	RVB 175 72 146	#AF4892
100.0%	100.0% #AA3C8C	RVB 170 60 140	#AA3C8C

#C890B8 #C380B0 #BE71A8 #B963A1 #B45599 #AF4892 #AA3C8C

#C890B8 - #B963A1 - #AA3C8C

Codes CSS

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

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