#2FBC5E - #C3EBD1 | 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 #2FBC5E a #C3EBD1

#2FBC5E #C3EBD1

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

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

0.0%	0.0% #2FBC5E	RGB 47 188 94	#2FBC5E
16.7%	16.7% #47C371	RGB 71 195 113	#47C371
33.3%	33.3% #60CB84	RGB 96 203 132	#60CB84
50.0%	50.0% #79D397	RGB 121 211 151	#79D397
66.7%	66.7% #91DBAA	RGB 145 219 170	#91DBAA
83.3%	83.3% #AAE3BD	RGB 170 227 189	#AAE3BD
100.0%	100.0% #C3EBD1	RGB 195 235 209	#C3EBD1

#2FBC5E #47C371 #60CB84 #79D397 #91DBAA #AAE3BD #C3EBD1

#2FBC5E - #C3EBD1

Mezcla HSV

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

0.0%	0.0% #2FBC5E	RGB 47 188 94	#2FBC5E
16.7%	16.7% #43C36E	RGB 67 195 110	#43C36E
33.3%	33.3% #5ACB80	RGB 90 203 128	#5ACB80
50.0%	50.0% #72D393	RGB 114 211 147	#72D393
66.7%	66.7% #8BDBA7	RGB 139 219 167	#8BDBA7
83.3%	83.3% #A6E3BB	RGB 166 227 187	#A6E3BB
100.0%	100.0% #C3EBD1	RGB 195 235 209	#C3EBD1

#2FBC5E #43C36E #5ACB80 #72D393 #8BDBA7 #A6E3BB #C3EBD1

#2FBC5E - #72D393 - #C3EBD1

Códigos CSS

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

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