#B05C5E - #E8D0D0 | 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 #B05C5E à #E8D0D0

#B05C5E #E8D0D0

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

#B05C5E - #E8D0D0 | 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 #B05C5E 0% et #E8D0D0 100%.

0.0%	0.0% #B05C5E	RVB 176 92 94	#B05C5E
16.7%	16.7% #B96F71	RVB 185 111 113	#B96F71
33.3%	33.3% #C28284	RVB 194 130 132	#C28284
50.0%	50.0% #CC9697	RVB 204 150 151	#CC9697
66.7%	66.7% #D5A9AA	RVB 213 169 170	#D5A9AA
83.3%	83.3% #DEBCBD	RVB 222 188 189	#DEBCBD
100.0%	100.0% #E8D0D0	RVB 232 208 208	#E8D0D0

#B05C5E #B96F71 #C28284 #CC9697 #D5A9AA #DEBCBD #E8D0D0

#B05C5E - #E8D0D0

Mélange HSV

#B05C5E - #E8D0D0 | 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 #B05C5E 0% et #E8D0D0 100%.

0.0%	0.0% #B05C5D	RVB 176 92 93	#B05C5D
16.7%	16.7% #B96C6D	RVB 185 108 109	#B96C6D
33.3%	33.3% #C27E7F	RVB 194 126 127	#C27E7F
50.0%	50.0% #CC9091	RVB 204 144 145	#CC9091
66.7%	66.7% #D5A4A5	RVB 213 164 165	#D5A4A5
83.3%	83.3% #DEB9B9	RVB 222 185 185	#DEB9B9
100.0%	100.0% #E8D0D0	RVB 232 208 208	#E8D0D0

#B05C5D #B96C6D #C27E7F #CC9091 #D5A4A5 #DEB9B9 #E8D0D0

#B05C5E - #CC9091 - #E8D0D0

Codes CSS

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

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