#A5E5E0 - #D7E3C7 | 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 #A5E5E0 à #D7E3C7

#A5E5E0 #D7E3C7

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

#A5E5E0 - #D7E3C7 | 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 #A5E5E0 0% et #D7E3C7 100%.

0.0%	0.0% #A5E5E0	RVB 165 229 224	#A5E5E0
16.7%	16.7% #ADE4DB	RVB 173 228 219	#ADE4DB
33.3%	33.3% #B5E4D7	RVB 181 228 215	#B5E4D7
50.0%	50.0% #BEE4D3	RVB 190 228 211	#BEE4D3
66.7%	66.7% #C6E3CF	RVB 198 227 207	#C6E3CF
83.3%	83.3% #CEE3CB	RVB 206 227 203	#CEE3CB
100.0%	100.0% #D7E3C7	RVB 215 227 199	#D7E3C7

#A5E5E0 #ADE4DB #B5E4D7 #BEE4D3 #C6E3CF #CEE3CB #D7E3C7

#A5E5E0 - #D7E3C7

Mélange HSV

#A5E5E0 - #D7E3C7 | 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 #A5E5E0 0% et #D7E3C7 100%.

0.0%	0.0% #A5E5E0	RVB 165 229 224	#A5E5E0
16.7%	16.7% #AAE4D1	RVB 170 228 209	#AAE4D1
33.3%	33.3% #B0E4C6	RVB 176 228 198	#B0E4C6
50.0%	50.0% #B6E4BE	RVB 182 228 190	#B6E4BE
66.7%	66.7% #BEE3BB	RVB 190 227 187	#BEE3BB
83.3%	83.3% #CCE3C1	RVB 204 227 193	#CCE3C1
100.0%	100.0% #D7E3C7	RVB 215 227 199	#D7E3C7

#A5E5E0 #AAE4D1 #B0E4C6 #B6E4BE #BEE3BB #CCE3C1 #D7E3C7

#A5E5E0 - #B6E4BE - #D7E3C7

Codes CSS

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

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