#B056B5 - #E8CEE9 | 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 #B056B5 à #E8CEE9

#B056B5 #E8CEE9

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

#B056B5 - #E8CEE9 | 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 #B056B5 0% et #E8CEE9 100%.

0.0%	0.0% #B056B5	RVB 176 86 181	#B056B5
16.7%	16.7% #B96ABD	RVB 185 106 189	#B96ABD
33.3%	33.3% #C27EC6	RVB 194 126 198	#C27EC6
50.0%	50.0% #CC92CF	RVB 204 146 207	#CC92CF
66.7%	66.7% #D5A6D7	RVB 213 166 215	#D5A6D7
83.3%	83.3% #DEBAE0	RVB 222 186 224	#DEBAE0
100.0%	100.0% #E8CEE9	RVB 232 206 233	#E8CEE9

#B056B5 #B96ABD #C27EC6 #CC92CF #D5A6D7 #DEBAE0 #E8CEE9

#B056B5 - #E8CEE9

Mélange HSV

#B056B5 - #E8CEE9 | 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 #B056B5 0% et #E8CEE9 100%.

0.0%	0.0% #B056B5	RVB 176 86 181	#B056B5
16.7%	16.7% #B967BD	RVB 185 103 189	#B967BD
33.3%	33.3% #C279C6	RVB 194 121 198	#C279C6
50.0%	50.0% #CC8CCF	RVB 204 140 207	#CC8CCF
66.7%	66.7% #D5A1D7	RVB 213 161 215	#D5A1D7
83.3%	83.3% #DEB7E0	RVB 222 183 224	#DEB7E0
100.0%	100.0% #E8CEE9	RVB 232 206 233	#E8CEE9

#B056B5 #B967BD #C279C6 #CC8CCF #D5A1D7 #DEB7E0 #E8CEE9

#B056B5 - #CC8CCF - #E8CEE9

Codes CSS

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

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