#B8F0CF - #E5E9C9 | 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 #B8F0CF à #E5E9C9

#B8F0CF #E5E9C9

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

#B8F0CF - #E5E9C9 | 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 #B8F0CF 0% et #E5E9C9 100%.

0.0%	0.0% #B8F0CF	RVB 184 240 207	#B8F0CF
16.7%	16.7% #BFEECE	RVB 191 238 206	#BFEECE
33.3%	33.3% #C7EDCD	RVB 199 237 205	#C7EDCD
50.0%	50.0% #CEECCC	RVB 206 236 204	#CEECCC
66.7%	66.7% #D6EBCB	RVB 214 235 203	#D6EBCB
83.3%	83.3% #DDEACA	RVB 221 234 202	#DDEACA
100.0%	100.0% #E5E9C9	RVB 229 233 201	#E5E9C9

#B8F0CF #BFEECE #C7EDCD #CEECCC #D6EBCB #DDEACA #E5E9C9

#B8F0CF - #E5E9C9

Mélange HSV

#B8F0CF - #E5E9C9 | 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 #B8F0CF 0% et #E5E9C9 100%.

0.0%	0.0% #B8F0CF	RVB 184 240 207	#B8F0CF
16.7%	16.7% #BAEEC5	RVB 186 238 197	#BAEEC5
33.3%	33.3% #BEEDBD	RVB 190 237 189	#BEEDBD
50.0%	50.0% #CAECC0	RVB 202 236 192	#CAECC0
66.7%	66.7% #D5EBC3	RVB 213 235 195	#D5EBC3
83.3%	83.3% #DDEAC6	RVB 221 234 198	#DDEAC6
100.0%	100.0% #E5E9C9	RVB 229 233 201	#E5E9C9

#B8F0CF #BAEEC5 #BEEDBD #CAECC0 #D5EBC3 #DDEAC6 #E5E9C9

#B8F0CF - #CAECC0 - #E5E9C9

Codes CSS

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

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