#2EB8B4 - #C0ECAE | 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 #2EB8B4 a #C0ECAE

#2EB8B4 #C0ECAE

Calcule el color entre dos colores, #2EB8B4 y #C0ECAE. 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)

#2EB8B4 - #C0ECAE | 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 #2EB8B4 como 0% y #C0ECAE como 100%.

0.0%	0.0% #2EB8B4	RGB 46 184 180	#2EB8B4
16.7%	16.7% #46C0B3	RGB 70 192 179	#46C0B3
33.3%	33.3% #5EC9B2	RGB 94 201 178	#5EC9B2
50.0%	50.0% #77D2B1	RGB 119 210 177	#77D2B1
66.7%	66.7% #8FDAB0	RGB 143 218 176	#8FDAB0
83.3%	83.3% #A7E3AF	RGB 167 227 175	#A7E3AF
100.0%	100.0% #C0ECAE	RGB 192 236 174	#C0ECAE

#2EB8B4 #46C0B3 #5EC9B2 #77D2B1 #8FDAB0 #A7E3AF #C0ECAE

#2EB8B4 - #C0ECAE

Mezcla HSV

#2EB8B4 - #C0ECAE | 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 #2EB8B4 como 0% y #C0ECAE como 100%.

0.0%	0.0% #2EB8B3	RGB 46 184 179	#2EB8B3
16.7%	16.7% #3FC0A1	RGB 63 192 161	#3FC0A1
33.3%	33.3% #53C994	RGB 83 201 148	#53C994
50.0%	50.0% #67D28B	RGB 103 210 139	#67D28B
66.7%	66.7% #7DDA89	RGB 125 218 137	#7DDA89
83.3%	83.3% #9BE395	RGB 155 227 149	#9BE395
100.0%	100.0% #C0ECAE	RGB 192 236 174	#C0ECAE

#2EB8B3 #3FC0A1 #53C994 #67D28B #7DDA89 #9BE395 #C0ECAE

#2EB8B4 - #67D28B - #C0ECAE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2EB8B3 0%, #67D28B 50%, #C0ECAE 100%);
    background: -webkit-linear-gradient(top, #2EB8B3 0%, #67D28B 50%, #C0ECAE 100%);
    background: linear-gradient(to bottom, #2EB8B3 0%, #67D28B 50%, #C0ECAE 100%);
}
</style>