#2FBCBC - #C3EBEB | 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 #2FBCBC à #C3EBEB

#2FBCBC #C3EBEB

Calculez la couleur entre deux couleurs, #2FBCBC et #C3EBEB. 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)

#2FBCBC - #C3EBEB | 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 #2FBCBC 0% et #C3EBEB 100%.

0.0%	0.0% #2FBCBC	RVB 47 188 188	#2FBCBC
16.7%	16.7% #47C3C3	RVB 71 195 195	#47C3C3
33.3%	33.3% #60CBCB	RVB 96 203 203	#60CBCB
50.0%	50.0% #79D3D3	RVB 121 211 211	#79D3D3
66.7%	66.7% #91DBDB	RVB 145 219 219	#91DBDB
83.3%	83.3% #AAE3E3	RVB 170 227 227	#AAE3E3
100.0%	100.0% #C3EBEB	RVB 195 235 235	#C3EBEB

#2FBCBC #47C3C3 #60CBCB #79D3D3 #91DBDB #AAE3E3 #C3EBEB

#2FBCBC - #C3EBEB

Mélange HSV

#2FBCBC - #C3EBEB | 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 #2FBCBC 0% et #C3EBEB 100%.

0.0%	0.0% #2FBCBC	RVB 47 188 188	#2FBCBC
16.7%	16.7% #43C3C3	RVB 67 195 195	#43C3C3
33.3%	33.3% #5ACBCB	RVB 90 203 203	#5ACBCB
50.0%	50.0% #72D3D3	RVB 114 211 211	#72D3D3
66.7%	66.7% #8BDBDB	RVB 139 219 219	#8BDBDB
83.3%	83.3% #A6E3E3	RVB 166 227 227	#A6E3E3
100.0%	100.0% #C3EBEB	RVB 195 235 235	#C3EBEB

#2FBCBC #43C3C3 #5ACBCB #72D3D3 #8BDBDB #A6E3E3 #C3EBEB

#2FBCBC - #72D3D3 - #C3EBEB

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2FBCBC 0%, #72D3D3 50%, #C3EBEB 100%);
    background: -webkit-linear-gradient(top, #2FBCBC 0%, #72D3D3 50%, #C3EBEB 100%);
    background: linear-gradient(to bottom, #2FBCBC 0%, #72D3D3 50%, #C3EBEB 100%);
}
</style>