#8C36AA - #DEC5E6 | 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 #8C36AA à #DEC5E6

#8C36AA #DEC5E6

Calculez la couleur entre deux couleurs, #8C36AA et #DEC5E6. 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)

#8C36AA - #DEC5E6 | 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 #8C36AA 0% et #DEC5E6 100%.

0.0%	0.0% #8C36AA	RVB 140 54 170	#8C36AA
16.7%	16.7% #994DB4	RVB 153 77 180	#994DB4
33.3%	33.3% #A765BE	RVB 167 101 190	#A765BE
50.0%	50.0% #B57DC8	RVB 181 125 200	#B57DC8
66.7%	66.7% #C295D2	RVB 194 149 210	#C295D2
83.3%	83.3% #D0ADDC	RVB 208 173 220	#D0ADDC
100.0%	100.0% #DEC5E6	RVB 222 197 230	#DEC5E6

#8C36AA #994DB4 #A765BE #B57DC8 #C295D2 #D0ADDC #DEC5E6

#8C36AA - #DEC5E6

Mélange HSV

#8C36AA - #DEC5E6 | 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 #8C36AA 0% et #DEC5E6 100%.

0.0%	0.0% #8C36AA	RVB 140 54 170	#8C36AA
16.7%	16.7% #9849B4	RVB 152 73 180	#9849B4
33.3%	33.3% #A55EBE	RVB 165 94 190	#A55EBE
50.0%	50.0% #B375C8	RVB 179 117 200	#B375C8
66.7%	66.7% #C18ED2	RVB 193 142 210	#C18ED2
83.3%	83.3% #CFA8DC	RVB 207 168 220	#CFA8DC
100.0%	100.0% #DEC5E6	RVB 222 197 230	#DEC5E6

#8C36AA #9849B4 #A55EBE #B375C8 #C18ED2 #CFA8DC #DEC5E6

#8C36AA - #B375C8 - #DEC5E6

Codes CSS

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

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