#A8FDF2 - #E2E3CD | 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 #A8FDF2 à #E2E3CD

#A8FDF2 #E2E3CD

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

#A8FDF2 - #E2E3CD | 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 #A8FDF2 0% et #E2E3CD 100%.

0.0%	0.0% #A8FDF2	RVB 168 253 242	#A8FDF2
16.7%	16.7% #B1F8EB	RVB 177 248 235	#B1F8EB
33.3%	33.3% #BBF4E5	RVB 187 244 229	#BBF4E5
50.0%	50.0% #C5F0DF	RVB 197 240 223	#C5F0DF
66.7%	66.7% #CEEBD9	RVB 206 235 217	#CEEBD9
83.3%	83.3% #D8E7D3	RVB 216 231 211	#D8E7D3
100.0%	100.0% #E2E3CD	RVB 226 227 205	#E2E3CD

#A8FDF2 #B1F8EB #BBF4E5 #C5F0DF #CEEBD9 #D8E7D3 #E2E3CD

#A8FDF2 - #E2E3CD

Mélange HSV

#A8FDF2 - #E2E3CD | 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 #A8FDF2 0% et #E2E3CD 100%.

0.0%	0.0% #A8FDF2	RVB 168 253 242	#A8FDF2
16.7%	16.7% #AFF8D8	RVB 175 248 216	#AFF8D8
33.3%	33.3% #B5F4C6	RVB 181 244 198	#B5F4C6
50.0%	50.0% #BEF0BC	RVB 190 240 188	#BEF0BC
66.7%	66.7% #D0EBC2	RVB 208 235 194	#D0EBC2
83.3%	83.3% #DCE7C7	RVB 220 231 199	#DCE7C7
100.0%	100.0% #E2E3CD	RVB 226 227 205	#E2E3CD

#A8FDF2 #AFF8D8 #B5F4C6 #BEF0BC #D0EBC2 #DCE7C7 #E2E3CD

#A8FDF2 - #BEF0BC - #E2E3CD

Codes CSS

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

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