#CC3C5E - #FF926D | 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 #CC3C5E à #FF926D

#CC3C5E #FF926D

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

#CC3C5E - #FF926D | 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 #CC3C5E 0% et #FF926D 100%.

0.0%	0.0% #CC3C5E	RVB 204 60 94	#CC3C5E
16.7%	16.7% #D44A60	RVB 212 74 96	#D44A60
33.3%	33.3% #DD5863	RVB 221 88 99	#DD5863
50.0%	50.0% #E56765	RVB 229 103 101	#E56765
66.7%	66.7% #EE7568	RVB 238 117 104	#EE7568
83.3%	83.3% #F6836A	RVB 246 131 106	#F6836A
100.0%	100.0% #FF926D	RVB 255 146 109	#FF926D

#CC3C5E #D44A60 #DD5863 #E56765 #EE7568 #F6836A #FF926D

#CC3C5E - #FF926D

Mélange HSV

#CC3C5E - #FF926D | 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 #CC3C5E 0% et #FF926D 100%.

0.0%	0.0% #CC3C5D	RVB 204 60 93	#CC3C5D
16.7%	16.7% #D44359	RVB 212 67 89	#D44359
33.3%	33.3% #DD4A55	RVB 221 74 85	#DD4A55
50.0%	50.0% #E55452	RVB 229 84 82	#E55452
66.7%	66.7% #EE685B	RVB 238 104 91	#EE685B
83.3%	83.3% #F67D63	RVB 246 125 99	#F67D63
100.0%	100.0% #FF926D	RVB 255 146 109	#FF926D

#CC3C5D #D44359 #DD4A55 #E55452 #EE685B #F67D63 #FF926D

#CC3C5E - #E55452 - #FF926D

Codes CSS

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

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