#B0548D - #E8CEDE | 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 #B0548D à #E8CEDE

#B0548D #E8CEDE

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

#B0548D - #E8CEDE | 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 #B0548D 0% et #E8CEDE 100%.

0.0%	0.0% #B0548D	RVB 176 84 141	#B0548D
16.7%	16.7% #B9689A	RVB 185 104 154	#B9689A
33.3%	33.3% #C27CA8	RVB 194 124 168	#C27CA8
50.0%	50.0% #CC91B5	RVB 204 145 181	#CC91B5
66.7%	66.7% #D5A5C3	RVB 213 165 195	#D5A5C3
83.3%	83.3% #DEB9D0	RVB 222 185 208	#DEB9D0
100.0%	100.0% #E8CEDE	RVB 232 206 222	#E8CEDE

#B0548D #B9689A #C27CA8 #CC91B5 #D5A5C3 #DEB9D0 #E8CEDE

#B0548D - #E8CEDE

Mélange HSV

#B0548D - #E8CEDE | 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 #B0548D 0% et #E8CEDE 100%.

0.0%	0.0% #B0548D	RVB 176 84 141	#B0548D
16.7%	16.7% #B96599	RVB 185 101 153	#B96599
33.3%	33.3% #C277A5	RVB 194 119 165	#C277A5
50.0%	50.0% #CC8BB3	RVB 204 139 179	#CC8BB3
66.7%	66.7% #D5A0C0	RVB 213 160 192	#D5A0C0
83.3%	83.3% #DEB6CF	RVB 222 182 207	#DEB6CF
100.0%	100.0% #E8CEDE	RVB 232 206 222	#E8CEDE

#B0548D #B96599 #C277A5 #CC8BB3 #D5A0C0 #DEB6CF #E8CEDE

#B0548D - #CC8BB3 - #E8CEDE

Codes CSS

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

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