#00BEBE - #B6ECEC | 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 #00BEBE à #B6ECEC

#00BEBE #B6ECEC

Calculez la couleur entre deux couleurs, #00BEBE et #B6ECEC. 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)

#00BEBE - #B6ECEC | 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 #00BEBE 0% et #B6ECEC 100%.

0.0%	0.0% #00BEBE	RVB 0 190 190	#00BEBE
16.7%	16.7% #1EC5C5	RVB 30 197 197	#1EC5C5
33.3%	33.3% #3CCDCD	RVB 60 205 205	#3CCDCD
50.0%	50.0% #5BD5D5	RVB 91 213 213	#5BD5D5
66.7%	66.7% #79DCDC	RVB 121 220 220	#79DCDC
83.3%	83.3% #97E4E4	RVB 151 228 228	#97E4E4
100.0%	100.0% #B6ECEC	RVB 182 236 236	#B6ECEC

#00BEBE #1EC5C5 #3CCDCD #5BD5D5 #79DCDC #97E4E4 #B6ECEC

#00BEBE - #B6ECEC

Mélange HSV

#00BEBE - #B6ECEC | 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 #00BEBE 0% et #B6ECEC 100%.

0.0%	0.0% #00BEBE	RVB 0 190 190	#00BEBE
16.7%	16.7% #19C5C5	RVB 25 197 197	#19C5C5
33.3%	33.3% #34CDCD	RVB 52 205 205	#34CDCD
50.0%	50.0% #52D5D5	RVB 82 213 213	#52D5D5
66.7%	66.7% #71DCDC	RVB 113 220 220	#71DCDC
83.3%	83.3% #92E4E4	RVB 146 228 228	#92E4E4
100.0%	100.0% #B6ECEC	RVB 182 236 236	#B6ECEC

#00BEBE #19C5C5 #34CDCD #52D5D5 #71DCDC #92E4E4 #B6ECEC

#00BEBE - #52D5D5 - #B6ECEC

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00BEBE 0%, #52D5D5 50%, #B6ECEC 100%);
    background: -webkit-linear-gradient(top, #00BEBE 0%, #52D5D5 50%, #B6ECEC 100%);
    background: linear-gradient(to bottom, #00BEBE 0%, #52D5D5 50%, #B6ECEC 100%);
}
</style>