#C5EADB - #38423E | 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 #C5EADB à #38423E

#C5EADB #38423E

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

#C5EADB - #38423E | 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 #C5EADB 0% et #38423E 100%.

0.0%	0.0% #C5EADB	RVB 197 234 219	#C5EADB
16.7%	16.7% #ADCEC0	RVB 173 206 192	#ADCEC0
33.3%	33.3% #96B2A6	RVB 150 178 166	#96B2A6
50.0%	50.0% #7E968C	RVB 126 150 140	#7E968C
66.7%	66.7% #677A72	RVB 103 122 114	#677A72
83.3%	83.3% #4F5E58	RVB 79 94 88	#4F5E58
100.0%	100.0% #38423E	RVB 56 66 62	#38423E

#C5EADB #ADCEC0 #96B2A6 #7E968C #677A72 #4F5E58 #38423E

#C5EADB - #38423E

Mélange HSV

#C5EADB - #38423E | 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 #C5EADB 0% et #38423E 100%.

0.0%	0.0% #C5EADB	RVB 197 234 219	#C5EADB
16.7%	16.7% #ADCEC0	RVB 173 206 192	#ADCEC0
33.3%	33.3% #96B2A6	RVB 150 178 166	#96B2A6
50.0%	50.0% #7E968C	RVB 126 150 140	#7E968C
66.7%	66.7% #677A72	RVB 103 122 114	#677A72
83.3%	83.3% #4F5E58	RVB 79 94 88	#4F5E58
100.0%	100.0% #38423E	RVB 56 66 62	#38423E

#C5EADB #ADCEC0 #96B2A6 #7E968C #677A72 #4F5E58 #38423E

#C5EADB - #7E968C - #38423E

Codes CSS

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

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