#C5EACE - #38423B | 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 #C5EACE à #38423B

#C5EACE #38423B

Calculez la couleur entre deux couleurs, #C5EACE et #38423B. 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)

#C5EACE - #38423B | 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 #C5EACE 0% et #38423B 100%.

0.0%	0.0% #C5EACE	RVB 197 234 206	#C5EACE
16.7%	16.7% #ADCEB5	RVB 173 206 181	#ADCEB5
33.3%	33.3% #96B29D	RVB 150 178 157	#96B29D
50.0%	50.0% #7E9684	RVB 126 150 132	#7E9684
66.7%	66.7% #677A6C	RVB 103 122 108	#677A6C
83.3%	83.3% #4F5E53	RVB 79 94 83	#4F5E53
100.0%	100.0% #38423B	RVB 56 66 59	#38423B

#C5EACE #ADCEB5 #96B29D #7E9684 #677A6C #4F5E53 #38423B

#C5EACE - #38423B

Mélange HSV

#C5EACE - #38423B | 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 #C5EACE 0% et #38423B 100%.

0.0%	0.0% #C5EACE	RVB 197 234 206	#C5EACE
16.7%	16.7% #ADCEB5	RVB 173 206 181	#ADCEB5
33.3%	33.3% #96B29D	RVB 150 178 157	#96B29D
50.0%	50.0% #7E9685	RVB 126 150 133	#7E9685
66.7%	66.7% #677A6C	RVB 103 122 108	#677A6C
83.3%	83.3% #4F5E53	RVB 79 94 83	#4F5E53
100.0%	100.0% #38423B	RVB 56 66 59	#38423B

#C5EACE #ADCEB5 #96B29D #7E9685 #677A6C #4F5E53 #38423B

#C5EACE - #7E9685 - #38423B

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5EACE 0%, #7E9685 50%, #38423B 100%);
    background: -webkit-linear-gradient(top, #C5EACE 0%, #7E9685 50%, #38423B 100%);
    background: linear-gradient(to bottom, #C5EACE 0%, #7E9685 50%, #38423B 100%);
}
</style>