#2DCBAB - #E2F9A8 | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #2DCBAB a #E2F9A8

#2DCBAB #E2F9A8

Calcule el color entre dos colores, #2DCBAB y #E2F9A8. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#2DCBAB - #E2F9A8 | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #2DCBAB como 0% y #E2F9A8 como 100%.

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

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

#2DCBAB - #E2F9A8

Mezcla HSV

#2DCBAB - #E2F9A8 | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #2DCBAB como 0% y #E2F9A8 como 100%.

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

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

#2DCBAB - #65E26A - #E2F9A8

Códigos 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>