#2DCBAB - #E2F9A8 | 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 #2DCBAB à #E2F9A8

#2DCBAB #E2F9A8

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

#2DCBAB - #E2F9A8 | 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 #2DCBAB 0% et #E2F9A8 100%.

0.0%	0.0% #2DCBAB	RVB 45 203 171	#2DCBAB
16.7%	16.7% #4BD2AA	RVB 75 210 170	#4BD2AA
33.3%	33.3% #69DAAA	RVB 105 218 170	#69DAAA
50.0%	50.0% #87E2A9	RVB 135 226 169	#87E2A9
66.7%	66.7% #A5E9A9	RVB 165 233 169	#A5E9A9
83.3%	83.3% #C3F1A8	RVB 195 241 168	#C3F1A8
100.0%	100.0% #E2F9A8	RVB 226 249 168	#E2F9A8

#2DCBAB #4BD2AA #69DAAA #87E2A9 #A5E9A9 #C3F1A8 #E2F9A8

#2DCBAB - #E2F9A8

Mélange HSV

#2DCBAB - #E2F9A8 | 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 #2DCBAB 0% et #E2F9A8 100%.

0.0%	0.0% #2DCBAB	RVB 45 203 171	#2DCBAB
16.7%	16.7% #3ED28F	RVB 62 210 143	#3ED28F
33.3%	33.3% #51DA79	RVB 81 218 121	#51DA79
50.0%	50.0% #65E26A	RVB 101 226 106	#65E26A
66.7%	66.7% #91E97A	RVB 145 233 122	#91E97A
83.3%	83.3% #BDF190	RVB 189 241 144	#BDF190
100.0%	100.0% #E2F9A8	RVB 226 249 168	#E2F9A8

#2DCBAB #3ED28F #51DA79 #65E26A #91E97A #BDF190 #E2F9A8

#2DCBAB - #65E26A - #E2F9A8

Codes CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2DCBAB 0%, #65E26A 50%, #E2F9A8 100%);
    background: -webkit-linear-gradient(top, #2DCBAB 0%, #65E26A 50%, #E2F9A8 100%);
    background: linear-gradient(to bottom, #2DCBAB 0%, #65E26A 50%, #E2F9A8 100%);
}
</style>