#36B5B5 - #BEE8AE | 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 #36B5B5 à #BEE8AE

#36B5B5 #BEE8AE

Calculez la couleur entre deux couleurs, #36B5B5 et #BEE8AE. 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)

#36B5B5 - #BEE8AE | 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 #36B5B5 0% et #BEE8AE 100%.

0.0%	0.0% #36B5B5	RVB 54 181 181	#36B5B5
16.7%	16.7% #4CBDB3	RVB 76 189 179	#4CBDB3
33.3%	33.3% #63C6B2	RVB 99 198 178	#63C6B2
50.0%	50.0% #7ACEB1	RVB 122 206 177	#7ACEB1
66.7%	66.7% #90D7B0	RVB 144 215 176	#90D7B0
83.3%	83.3% #A7DFAF	RVB 167 223 175	#A7DFAF
100.0%	100.0% #BEE8AE	RVB 190 232 174	#BEE8AE

#36B5B5 #4CBDB3 #63C6B2 #7ACEB1 #90D7B0 #A7DFAF #BEE8AE

#36B5B5 - #BEE8AE

Mélange HSV

#36B5B5 - #BEE8AE | 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 #36B5B5 0% et #BEE8AE 100%.

0.0%	0.0% #36B5B5	RVB 54 181 181	#36B5B5
16.7%	16.7% #46BDA4	RVB 70 189 164	#46BDA4
33.3%	33.3% #58C697	RVB 88 198 151	#58C697
50.0%	50.0% #6CCE8F	RVB 108 206 143	#6CCE8F
66.7%	66.7% #80D78D	RVB 128 215 141	#80D78D
83.3%	83.3% #9BDF96	RVB 155 223 150	#9BDF96
100.0%	100.0% #BEE8AE	RVB 190 232 174	#BEE8AE

#36B5B5 #46BDA4 #58C697 #6CCE8F #80D78D #9BDF96 #BEE8AE

#36B5B5 - #6CCE8F - #BEE8AE

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #36B5B5 0%, #6CCE8F 50%, #BEE8AE 100%);
    background: -webkit-linear-gradient(top, #36B5B5 0%, #6CCE8F 50%, #BEE8AE 100%);
    background: linear-gradient(to bottom, #36B5B5 0%, #6CCE8F 50%, #BEE8AE 100%);
}
</style>