#ACCCD1 - #EEE4D9 | 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 #ACCCD1 à #EEE4D9

#ACCCD1 #EEE4D9

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

#ACCCD1 - #EEE4D9 | 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 #ACCCD1 0% et #EEE4D9 100%.

0.0%	0.0% #ACCCD1	RVB 172 204 209	#ACCCD1
16.7%	16.7% #B7D0D2	RVB 183 208 210	#B7D0D2
33.3%	33.3% #C2D4D3	RVB 194 212 211	#C2D4D3
50.0%	50.0% #CDD8D5	RVB 205 216 213	#CDD8D5
66.7%	66.7% #D8DCD6	RVB 216 220 214	#D8DCD6
83.3%	83.3% #E3E0D7	RVB 227 224 215	#E3E0D7
100.0%	100.0% #EEE4D9	RVB 238 228 217	#EEE4D9

#ACCCD1 #B7D0D2 #C2D4D3 #CDD8D5 #D8DCD6 #E3E0D7 #EEE4D9

#ACCCD1 - #EEE4D9

Mélange HSV

#ACCCD1 - #EEE4D9 | 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 #ACCCD1 0% et #EEE4D9 100%.

0.0%	0.0% #ACCCD1	RVB 172 204 209	#ACCCD1
16.7%	16.7% #B3D5CB	RVB 179 213 203	#B3D5CB
33.3%	33.3% #BADAC2	RVB 186 218 194	#BADAC2
50.0%	50.0% #C6DFC1	RVB 198 223 193	#C6DFC1
66.7%	66.7% #D9E4C9	RVB 217 228 201	#D9E4C9
83.3%	83.3% #E9E8D1	RVB 233 232 209	#E9E8D1
100.0%	100.0% #EEE4D9	RVB 238 228 217	#EEE4D9

#ACCCD1 #B3D5CB #BADAC2 #C6DFC1 #D9E4C9 #E9E8D1 #EEE4D9

#ACCCD1 - #C6DFC1 - #EEE4D9

Codes CSS

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

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