#5E3B5D - #CD898A | 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 #5E3B5D à #CD898A

#5E3B5D #CD898A

Calculez la couleur entre deux couleurs, #5E3B5D et #CD898A. 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)

#5E3B5D - #CD898A | 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 #5E3B5D 0% et #CD898A 100%.

0.0%	0.0% #5E3B5D	RVB 94 59 93	#5E3B5D
16.7%	16.7% #704864	RVB 112 72 100	#704864
33.3%	33.3% #83556C	RVB 131 85 108	#83556C
50.0%	50.0% #956273	RVB 149 98 115	#956273
66.7%	66.7% #A86F7B	RVB 168 111 123	#A86F7B
83.3%	83.3% #BA7C82	RVB 186 124 130	#BA7C82
100.0%	100.0% #CD898A	RVB 205 137 138	#CD898A

#5E3B5D #704864 #83556C #956273 #A86F7B #BA7C82 #CD898A

#5E3B5D - #CD898A

Mélange HSV

#5E3B5D - #CD898A | 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 #5E3B5D 0% et #CD898A 100%.

0.0%	0.0% #5E3B5D	RVB 94 59 93	#5E3B5D
16.7%	16.7% #704768	RVB 112 71 104	#704768
33.3%	33.3% #835372	RVB 131 83 114	#835372
50.0%	50.0% #95607A	RVB 149 96 122	#95607A
66.7%	66.7% #A86D81	RVB 168 109 129	#A86D81
83.3%	83.3% #BA7B86	RVB 186 123 134	#BA7B86
100.0%	100.0% #CD898A	RVB 205 137 138	#CD898A

#5E3B5D #704768 #835372 #95607A #A86D81 #BA7B86 #CD898A

#5E3B5D - #95607A - #CD898A

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E3B5D 0%, #95607A 50%, #CD898A 100%);
    background: -webkit-linear-gradient(top, #5E3B5D 0%, #95607A 50%, #CD898A 100%);
    background: linear-gradient(to bottom, #5E3B5D 0%, #95607A 50%, #CD898A 100%);
}
</style>