#1FE5E5 - #CFFAB3 | 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 #1FE5E5 a #CFFAB3

#1FE5E5 #CFFAB3

Calcule el color entre dos colores, #1FE5E5 y #CFFAB3. 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)

#1FE5E5 - #CFFAB3 | 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 #1FE5E5 como 0% y #CFFAB3 como 100%.

0.0%	0.0% #1FE5E5	RGB 31 229 229	#1FE5E5
16.7%	16.7% #3CE8DC	RGB 60 232 220	#3CE8DC
33.3%	33.3% #59ECD4	RGB 89 236 212	#59ECD4
50.0%	50.0% #77EFCC	RGB 119 239 204	#77EFCC
66.7%	66.7% #94F3C3	RGB 148 243 195	#94F3C3
83.3%	83.3% #B1F6BB	RGB 177 246 187	#B1F6BB
100.0%	100.0% #CFFAB3	RGB 207 250 179	#CFFAB3

#1FE5E5 #3CE8DC #59ECD4 #77EFCC #94F3C3 #B1F6BB #CFFAB3

#1FE5E5 - #CFFAB3

Mezcla HSV

#1FE5E5 - #CFFAB3 | 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 #1FE5E5 como 0% y #CFFAB3 como 100%.

0.0%	0.0% #1EE5E5	RGB 30 229 229	#1EE5E5
16.7%	16.7% #35E8BF	RGB 53 232 191	#35E8BF
33.3%	33.3% #4DECA2	RGB 77 236 162	#4DECA2
50.0%	50.0% #65EF8F	RGB 101 239 143	#65EF8F
66.7%	66.7% #7EF387	RGB 126 243 135	#7EF387
83.3%	83.3% #A7F698	RGB 167 246 152	#A7F698
100.0%	100.0% #CFFAB3	RGB 207 250 179	#CFFAB3

#1EE5E5 #35E8BF #4DECA2 #65EF8F #7EF387 #A7F698 #CFFAB3

#1FE5E5 - #65EF8F - #CFFAB3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1EE5E5 0%, #65EF8F 50%, #CFFAB3 100%);
    background: -webkit-linear-gradient(top, #1EE5E5 0%, #65EF8F 50%, #CFFAB3 100%);
    background: linear-gradient(to bottom, #1EE5E5 0%, #65EF8F 50%, #CFFAB3 100%);
}
</style>