#B5E7E2 - #52A98D | 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 #B5E7E2 à #52A98D

#B5E7E2 #52A98D

Calculez la couleur entre deux couleurs, #B5E7E2 et #52A98D. 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)

#B5E7E2 - #52A98D | 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 #B5E7E2 0% et #52A98D 100%.

0.0%	0.0% #B5E7E2	RVB 181 231 226	#B5E7E2
16.7%	16.7% #A4DCD3	RVB 164 220 211	#A4DCD3
33.3%	33.3% #94D2C5	RVB 148 210 197	#94D2C5
50.0%	50.0% #83C8B7	RVB 131 200 183	#83C8B7
66.7%	66.7% #73BDA9	RVB 115 189 169	#73BDA9
83.3%	83.3% #62B39B	RVB 98 179 155	#62B39B
100.0%	100.0% #52A98D	RVB 82 169 141	#52A98D

#B5E7E2 #A4DCD3 #94D2C5 #83C8B7 #73BDA9 #62B39B #52A98D

#B5E7E2 - #52A98D

Mélange HSV

#B5E7E2 - #52A98D | 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 #B5E7E2 0% et #52A98D 100%.

0.0%	0.0% #B5E7E2	RVB 181 231 226	#B5E7E2
16.7%	16.7% #A1DCD4	RVB 161 220 212	#A1DCD4
33.3%	33.3% #8FD2C6	RVB 143 210 198	#8FD2C6
50.0%	50.0% #7EC8B8	RVB 126 200 184	#7EC8B8
66.7%	66.7% #6EBDAA	RVB 110 189 170	#6EBDAA
83.3%	83.3% #5FB39B	RVB 95 179 155	#5FB39B
100.0%	100.0% #52A98D	RVB 82 169 141	#52A98D

#B5E7E2 #A1DCD4 #8FD2C6 #7EC8B8 #6EBDAA #5FB39B #52A98D

#B5E7E2 - #7EC8B8 - #52A98D

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B5E7E2 0%, #7EC8B8 50%, #52A98D 100%);
    background: -webkit-linear-gradient(top, #B5E7E2 0%, #7EC8B8 50%, #52A98D 100%);
    background: linear-gradient(to bottom, #B5E7E2 0%, #7EC8B8 50%, #52A98D 100%);
}
</style>