#D5E5E6 - #86A894 | 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 #D5E5E6 à #86A894

#D5E5E6 #86A894

Calculez la couleur entre deux couleurs, #D5E5E6 et #86A894. 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)

#D5E5E6 - #86A894 | 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 #D5E5E6 0% et #86A894 100%.

0.0%	0.0% #D5E5E6	RVB 213 229 230	#D5E5E6
16.7%	16.7% #C7DAD8	RVB 199 218 216	#C7DAD8
33.3%	33.3% #BAD0CA	RVB 186 208 202	#BAD0CA
50.0%	50.0% #ADC6BD	RVB 173 198 189	#ADC6BD
66.7%	66.7% #A0BCAF	RVB 160 188 175	#A0BCAF
83.3%	83.3% #93B2A1	RVB 147 178 161	#93B2A1
100.0%	100.0% #86A894	RVB 134 168 148	#86A894

#D5E5E6 #C7DAD8 #BAD0CA #ADC6BD #A0BCAF #93B2A1 #86A894

#D5E5E6 - #86A894

Mélange HSV

#D5E5E6 - #86A894 | 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 #D5E5E6 0% et #86A894 100%.

0.0%	0.0% #D5E5E6	RVB 213 229 230	#D5E5E6
16.7%	16.7% #C6DBDA	RVB 198 219 218	#C6DBDA
33.3%	33.3% #B8D1CD	RVB 184 209 205	#B8D1CD
50.0%	50.0% #ABC7BF	RVB 171 199 191	#ABC7BF
66.7%	66.7% #9EBCB1	RVB 158 188 177	#9EBCB1
83.3%	83.3% #92B2A2	RVB 146 178 162	#92B2A2
100.0%	100.0% #86A894	RVB 134 168 148	#86A894

#D5E5E6 #C6DBDA #B8D1CD #ABC7BF #9EBCB1 #92B2A2 #86A894

#D5E5E6 - #ABC7BF - #86A894

Codes CSS

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

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