#CC9EDA - #3A2D3E | 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 #CC9EDA à #3A2D3E

#CC9EDA #3A2D3E

Calculez la couleur entre deux couleurs, #CC9EDA et #3A2D3E. 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)

#CC9EDA - #3A2D3E | 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 #CC9EDA 0% et #3A2D3E 100%.

0.0%	0.0% #CC9EDA	RVB 204 158 218	#CC9EDA
16.7%	16.7% #B38BC0	RVB 179 139 192	#B38BC0
33.3%	33.3% #9B78A6	RVB 155 120 166	#9B78A6
50.0%	50.0% #83658C	RVB 131 101 140	#83658C
66.7%	66.7% #6A5272	RVB 106 82 114	#6A5272
83.3%	83.3% #523F58	RVB 82 63 88	#523F58
100.0%	100.0% #3A2D3E	RVB 58 45 62	#3A2D3E

#CC9EDA #B38BC0 #9B78A6 #83658C #6A5272 #523F58 #3A2D3E

#CC9EDA - #3A2D3E

Mélange HSV

#CC9EDA - #3A2D3E | 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 #CC9EDA 0% et #3A2D3E 100%.

0.0%	0.0% #CC9EDA	RVB 204 158 218	#CC9EDA
16.7%	16.7% #B38BC0	RVB 179 139 192	#B38BC0
33.3%	33.3% #9B78A6	RVB 155 120 166	#9B78A6
50.0%	50.0% #82658C	RVB 130 101 140	#82658C
66.7%	66.7% #6A5272	RVB 106 82 114	#6A5272
83.3%	83.3% #523F58	RVB 82 63 88	#523F58
100.0%	100.0% #3A2D3E	RVB 58 45 62	#3A2D3E

#CC9EDA #B38BC0 #9B78A6 #82658C #6A5272 #523F58 #3A2D3E

#CC9EDA - #82658C - #3A2D3E

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CC9EDA 0%, #82658C 50%, #3A2D3E 100%);
    background: -webkit-linear-gradient(top, #CC9EDA 0%, #82658C 50%, #3A2D3E 100%);
    background: linear-gradient(to bottom, #CC9EDA 0%, #82658C 50%, #3A2D3E 100%);
}
</style>