#BE4D4D - #ECCCCC | 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 #BE4D4D à #ECCCCC

#BE4D4D #ECCCCC

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

#BE4D4D - #ECCCCC | 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 #BE4D4D 0% et #ECCCCC 100%.

0.0%	0.0% #BE4D4D	RVB 190 77 77	#BE4D4D
16.7%	16.7% #C56262	RVB 197 98 98	#C56262
33.3%	33.3% #CD7777	RVB 205 119 119	#CD7777
50.0%	50.0% #D58C8C	RVB 213 140 140	#D58C8C
66.7%	66.7% #DCA1A1	RVB 220 161 161	#DCA1A1
83.3%	83.3% #E4B6B6	RVB 228 182 182	#E4B6B6
100.0%	100.0% #ECCCCC	RVB 236 204 204	#ECCCCC

#BE4D4D #C56262 #CD7777 #D58C8C #DCA1A1 #E4B6B6 #ECCCCC

#BE4D4D - #ECCCCC

Mélange HSV

#BE4D4D - #ECCCCC | 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 #BE4D4D 0% et #ECCCCC 100%.

0.0%	0.0% #BE4D4D	RVB 190 77 77	#BE4D4D
16.7%	16.7% #C55F5F	RVB 197 95 95	#C55F5F
33.3%	33.3% #CD7272	RVB 205 114 114	#CD7272
50.0%	50.0% #D58787	RVB 213 135 135	#D58787
66.7%	66.7% #DC9C9C	RVB 220 156 156	#DC9C9C
83.3%	83.3% #E4B3B3	RVB 228 179 179	#E4B3B3
100.0%	100.0% #ECCCCC	RVB 236 204 204	#ECCCCC

#BE4D4D #C55F5F #CD7272 #D58787 #DC9C9C #E4B3B3 #ECCCCC

#BE4D4D - #D58787 - #ECCCCC

Codes CSS

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

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