#A8C0B5 - #D0DFB7 | 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 #A8C0B5 à #D0DFB7

#A8C0B5 #D0DFB7

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

#A8C0B5 - #D0DFB7 | 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 #A8C0B5 0% et #D0DFB7 100%.

0.0%	0.0% #A8C0B5	RVB 168 192 181	#A8C0B5
16.7%	16.7% #AEC5B5	RVB 174 197 181	#AEC5B5
33.3%	33.3% #B5CAB5	RVB 181 202 181	#B5CAB5
50.0%	50.0% #BCCFB6	RVB 188 207 182	#BCCFB6
66.7%	66.7% #C2D4B6	RVB 194 212 182	#C2D4B6
83.3%	83.3% #C9D9B6	RVB 201 217 182	#C9D9B6
100.0%	100.0% #D0DFB7	RVB 208 223 183	#D0DFB7

#A8C0B5 #AEC5B5 #B5CAB5 #BCCFB6 #C2D4B6 #C9D9B6 #D0DFB7

#A8C0B5 - #D0DFB7

Mélange HSV

#A8C0B5 - #D0DFB7 | 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 #A8C0B5 0% et #D0DFB7 100%.

0.0%	0.0% #A8C0B5	RVB 168 192 181	#A8C0B5
16.7%	16.7% #AAC5B3	RVB 170 197 179	#AAC5B3
33.3%	33.3% #ADCAB1	RVB 173 202 177	#ADCAB1
50.0%	50.0% #B1CFAF	RVB 177 207 175	#B1CFAF
66.7%	66.7% #BAD4B2	RVB 186 212 178	#BAD4B2
83.3%	83.3% #C4D9B4	RVB 196 217 180	#C4D9B4
100.0%	100.0% #D0DFB7	RVB 208 223 183	#D0DFB7

#A8C0B5 #AAC5B3 #ADCAB1 #B1CFAF #BAD4B2 #C4D9B4 #D0DFB7

#A8C0B5 - #B1CFAF - #D0DFB7

Codes CSS

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

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