#5ECEAF - #E5EBA9 | 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 #5ECEAF à #E5EBA9

#5ECEAF #E5EBA9

Calculez la couleur entre deux couleurs, #5ECEAF et #E5EBA9. 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)

#5ECEAF - #E5EBA9 | 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 #5ECEAF 0% et #E5EBA9 100%.

0.0%	0.0% #5ECEAF	RVB 94 206 175	#5ECEAF
16.7%	16.7% #74D2AE	RVB 116 210 174	#74D2AE
33.3%	33.3% #8BD7AD	RVB 139 215 173	#8BD7AD
50.0%	50.0% #A1DCAC	RVB 161 220 172	#A1DCAC
66.7%	66.7% #B8E1AB	RVB 184 225 171	#B8E1AB
83.3%	83.3% #CEE6AA	RVB 206 230 170	#CEE6AA
100.0%	100.0% #E5EBA9	RVB 229 235 169	#E5EBA9

#5ECEAF #74D2AE #8BD7AD #A1DCAC #B8E1AB #CEE6AA #E5EBA9

#5ECEAF - #E5EBA9

Mélange HSV

#5ECEAF - #E5EBA9 | 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 #5ECEAF 0% et #E5EBA9 100%.

0.0%	0.0% #5DCEAF	RVB 93 206 175	#5DCEAF
16.7%	16.7% #69D298	RVB 105 210 152	#69D298
33.3%	33.3% #75D786	RVB 117 215 134	#75D786
50.0%	50.0% #8ADC81	RVB 138 220 129	#8ADC81
66.7%	66.7% #ACE18E	RVB 172 225 142	#ACE18E
83.3%	83.3% #CBE69B	RVB 203 230 155	#CBE69B
100.0%	100.0% #E5EBA9	RVB 229 235 169	#E5EBA9

#5DCEAF #69D298 #75D786 #8ADC81 #ACE18E #CBE69B #E5EBA9

#5ECEAF - #8ADC81 - #E5EBA9

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5DCEAF 0%, #8ADC81 50%, #E5EBA9 100%);
    background: -webkit-linear-gradient(top, #5DCEAF 0%, #8ADC81 50%, #E5EBA9 100%);
    background: linear-gradient(to bottom, #5DCEAF 0%, #8ADC81 50%, #E5EBA9 100%);
}
</style>