#B05D9A - #E8D0E2 | 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 #B05D9A à #E8D0E2

#B05D9A #E8D0E2

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

#B05D9A - #E8D0E2 | 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 #B05D9A 0% et #E8D0E2 100%.

0.0%	0.0% #B05D9A	RVB 176 93 154	#B05D9A
16.7%	16.7% #B970A6	RVB 185 112 166	#B970A6
33.3%	33.3% #C283B2	RVB 194 131 178	#C283B2
50.0%	50.0% #CC96BE	RVB 204 150 190	#CC96BE
66.7%	66.7% #D5A9CA	RVB 213 169 202	#D5A9CA
83.3%	83.3% #DEBCD6	RVB 222 188 214	#DEBCD6
100.0%	100.0% #E8D0E2	RVB 232 208 226	#E8D0E2

#B05D9A #B970A6 #C283B2 #CC96BE #D5A9CA #DEBCD6 #E8D0E2

#B05D9A - #E8D0E2

Mélange HSV

#B05D9A - #E8D0E2 | 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 #B05D9A 0% et #E8D0E2 100%.

0.0%	0.0% #B05D9A	RVB 176 93 154	#B05D9A
16.7%	16.7% #B96DA5	RVB 185 109 165	#B96DA5
33.3%	33.3% #C27EB1	RVB 194 126 177	#C27EB1
50.0%	50.0% #CC91BC	RVB 204 145 188	#CC91BC
66.7%	66.7% #D5A5C9	RVB 213 165 201	#D5A5C9
83.3%	83.3% #DEB9D5	RVB 222 185 213	#DEB9D5
100.0%	100.0% #E8D0E2	RVB 232 208 226	#E8D0E2

#B05D9A #B96DA5 #C27EB1 #CC91BC #D5A5C9 #DEB9D5 #E8D0E2

#B05D9A - #CC91BC - #E8D0E2

Codes CSS

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

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