#DFB5FD - #8D46CB | 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 #DFB5FD à #8D46CB

#DFB5FD #8D46CB

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

#DFB5FD - #8D46CB | 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 #DFB5FD 0% et #8D46CB 100%.

0.0%	0.0% #DFB5FD	RVB 223 181 253	#DFB5FD
16.7%	16.7% #D1A2F4	RVB 209 162 244	#D1A2F4
33.3%	33.3% #C390EC	RVB 195 144 236	#C390EC
50.0%	50.0% #B67DE4	RVB 182 125 228	#B67DE4
66.7%	66.7% #A86BDB	RVB 168 107 219	#A86BDB
83.3%	83.3% #9A58D3	RVB 154 88 211	#9A58D3
100.0%	100.0% #8D46CB	RVB 141 70 203	#8D46CB

#DFB5FD #D1A2F4 #C390EC #B67DE4 #A86BDB #9A58D3 #8D46CB

#DFB5FD - #8D46CB

Mélange HSV

#DFB5FD - #8D46CB | 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 #DFB5FD 0% et #8D46CB 100%.

0.0%	0.0% #DFB5FD	RVB 223 181 253	#DFB5FD
16.7%	16.7% #D09FF4	RVB 208 159 244	#D09FF4
33.3%	33.3% #C28BEC	RVB 194 139 236	#C28BEC
50.0%	50.0% #B478E4	RVB 180 120 228	#B478E4
66.7%	66.7% #A766DB	RVB 167 102 219	#A766DB
83.3%	83.3% #9955D3	RVB 153 85 211	#9955D3
100.0%	100.0% #8D46CB	RVB 141 70 203	#8D46CB

#DFB5FD #D09FF4 #C28BEC #B478E4 #A766DB #9955D3 #8D46CB

#DFB5FD - #B478E4 - #8D46CB

Codes CSS

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

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