#3AC2B4 - #C2FF8C | 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 #3AC2B4 à #C2FF8C

#3AC2B4 #C2FF8C

Calculez la couleur entre deux couleurs, #3AC2B4 et #C2FF8C. 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)

#3AC2B4 - #C2FF8C | 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 #3AC2B4 0% et #C2FF8C 100%.

0.0%	0.0% #3AC2B4	RVB 58 194 180	#3AC2B4
16.7%	16.7% #50CCAD	RVB 80 204 173	#50CCAD
33.3%	33.3% #67D6A6	RVB 103 214 166	#67D6A6
50.0%	50.0% #7EE0A0	RVB 126 224 160	#7EE0A0
66.7%	66.7% #94EA99	RVB 148 234 153	#94EA99
83.3%	83.3% #ABF492	RVB 171 244 146	#ABF492
100.0%	100.0% #C2FF8C	RVB 194 255 140	#C2FF8C

#3AC2B4 #50CCAD #67D6A6 #7EE0A0 #94EA99 #ABF492 #C2FF8C

#3AC2B4 - #C2FF8C

Mélange HSV

#3AC2B4 - #C2FF8C | 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 #3AC2B4 0% et #C2FF8C 100%.

0.0%	0.0% #3AC2B4	RVB 58 194 180	#3AC2B4
16.7%	16.7% #45CC9F	RVB 69 204 159	#45CC9F
33.3%	33.3% #51D68C	RVB 81 214 140	#51D68C
50.0%	50.0% #5FE07A	RVB 95 224 122	#5FE07A
66.7%	66.7% #6FEA6D	RVB 111 234 109	#6FEA6D
83.3%	83.3% #99F47C	RVB 153 244 124	#99F47C
100.0%	100.0% #C2FF8C	RVB 194 255 140	#C2FF8C

#3AC2B4 #45CC9F #51D68C #5FE07A #6FEA6D #99F47C #C2FF8C

#3AC2B4 - #5FE07A - #C2FF8C

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3AC2B4 0%, #5FE07A 50%, #C2FF8C 100%);
    background: -webkit-linear-gradient(top, #3AC2B4 0%, #5FE07A 50%, #C2FF8C 100%);
    background: linear-gradient(to bottom, #3AC2B4 0%, #5FE07A 50%, #C2FF8C 100%);
}
</style>